カラーピッカー
カラーピッカーです。選択した色を HEX / RGB / HSL / OKLCH に相互変換して表示し、WCAG のコントラスト比チェックも行えます。
HEX
定番色
カラーコード変換
HEX
#ffffff
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
OKLCH
oklch(1 0 89.88)
WCAG コントラスト比チェッカー
前景色 (選択中の色)
#ffffff
背景色
#ffffff
コントラスト比
1.00 : 1AA 通常文字 (4.5:1): 不合格AA 大きな文字 (3:1): 不合格AAA 通常文字 (7:1): 不合格AAA 大きな文字 (4.5:1): 不合格
通常文字のサンプルテキストです。AA には 4.5:1 以上、AAA には 7:1 以上のコントラスト比が必要です。
大きな文字のサンプルテキスト