カラーピッカー / フォーマット変換
色を選ぶか 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 名前付きカラー (
tomato、rebeccapurple、…)。 - OKLCH:
oklch(70% 0.15 200)。
WCAG コントラスト
下部パネルは WCAG 2.x の輝度式を使用して純白と純黒とのコントラストを計算します。比 ≥ 4.5 が AA 合格、≥ 7 が AAA 合格。
プライバシー
すべての変換はブラウザ内でローカルに実行されます — 色情報がデバイスを離れることはありません。