本文へスキップ

カラーピッカー / フォーマット変換

色を選ぶか CSS 色を貼り付けて HEX/RGB/HSL/HSV + WCAG コントラストを取得。

白背景

Aa

黒背景

Aa

WCAG コントラスト

白背景
黒背景
R
0
G
0
B
0

このツールについて

カラーピッカー / フォーマット変換 — スウォッチから色を選ぶか、任意の CSS 色 (HEX、RGB、HSL、HSV、名前付き、OKLCH) を貼り付けると、他のすべてのフォーマットを即座に取得できます。

受け付ける入力

  • HEX: #abc#aabbcc#aabbccdd (アルファ付き)。
  • RGB/RGBA: rgb(255, 99, 71)rgba(255,99,71,0.5)
  • HSL/HSLA: hsl(120, 60%, 50%)
  • HSV: hsv(120, 60%, 50%)
  • 名前付き: 147 個の CSS 名前付きカラー (tomatorebeccapurple、…)。
  • OKLCH: oklch(70% 0.15 200)

WCAG コントラスト

下部パネルは WCAG 2.x の輝度式を使用して純白と純黒とのコントラストを計算します。比 ≥ 4.5 が AA 合格、≥ 7 が AAA 合格。

プライバシー

すべての変換はブラウザ内でローカルに実行されます — 色情報がデバイスを離れることはありません。