カラーコード（HEX・RGB・HSL）

文字色と背景色を組み合わせる

コントラスト比 12.63:1

• 通常のテキスト 4.5:1 — 達成
• 大きいテキスト（24px以上、太字は19px以上） 3:1 — 達成

コピーすると color と background の2行になります — どちらが文字でどちらが背景かが付いたまま移せます。

測れるのは不透明な2色だけです。透明度が混ざる場合や背景が画像の場合は、このツールでは判定しません。

ここで見られるのは、選んだ2色のコントラスト1組だけです。画面全体のアクセシビリティを保証するものではありません。

色名の一覧

CSSが名前で解釈する色は139種です。同じ色を指す別名9組は1行にまとめて書いています（名前は全部で148個）。

日本語の説明は標準の名前ではなく、色を説明するために私たちが付けた言葉です。よそに書き写す標準名は英語のほうです。

範囲

139種

コントラストは何で判定しているか

2色それぞれの相対輝度を求め、（明るいほう + 0.05）÷（暗いほう + 0.05）で計算します。基準はWCAG 2.2のコントラスト比の最低値（達成基準1.4.3）の固定値で、このページが決めた数値ではありません。

表示する値は切り捨てです。4.499を4.50と書き上げると達成のように読めますが、実際の判定は未達だからです。

このページが扱うのは画面で使うsRGBのカラーコードだけです。写真から色を抜き出したり、印刷色（CMYK・Pantone）に変換したり、モニターを調整したりはしません。