色値を指定する

スライダー・HEX 入力・カラーピッカーで色を指定します。値・コントラスト・調和色はリアルタイムに更新されます。

配色プレビュー

背景に使う（黒文字）

コントラスト比 6.66:1 APCA(Lc) 46

背景に使う（白文字）

コントラスト比 3.15:1 APCA(Lc) -64

文字色に使う（白背景）

コントラスト比 3.15:1 APCA(Lc) 58

文字色に使う（黒背景）

コントラスト比 6.66:1 APCA(Lc) -43

背景に使う
	コントラスト比コントラスト比。2色の明るさの差を 1:1〜21:1 で表した値。大きいほど読みやすくなります。	APCA(Lc) APCA。WCAG 3 ドラフトの新しい知覚コントラスト指標。Lc はおおむね 0〜106 で、大きいほど読みやすい。符号は明暗(明背景に暗文字か、その逆か)を表します。
白文字
黒文字
文字色に使う
白背景
黒背景