コントラスト比マトリクス

任意の N 色の全組合せ（N×N）のコントラスト比を一覧表示します。WCAG 2.x の AA/AAA 合否と APCA Lc を併記。計算はブラウザ内で完結します

変換・解析

色の一覧

行が前景色、列が背景色のコントラスト比マトリクス
前景＼背景	テキスト	背景	プライマリ	アクセント
テキスト		サンプル 17.40:1 AA ○AAA ○ Lc 104.3	サンプル 1.57:1 AA ×AAA × Lc 8.9	サンプル 3.50:1 AA ×AAA × Lc 29.5
背景	サンプル 17.40:1 AA ○AAA ○ Lc -106.5		サンプル 11.10:1 AA ○AAA ○ Lc -97.4	サンプル 4.98:1 AA ○AAA × Lc -78.3
プライマリ	サンプル 1.57:1 AA ×AAA × Lc -7.8	サンプル 11.10:1 AA ○AAA ○ Lc 93.3		サンプル 2.23:1 AA ×AAA × Lc 18.5
アクセント	サンプル 3.50:1 AA ×AAA × Lc -27.5	サンプル 4.98:1 AA ○AAA × Lc 72.8	サンプル 2.23:1 AA ×AAA × Lc -18.4

入力した色の全組合せ（行＝前景色、列＝背景色）について、WCAG 2.x のコントラスト比と AA/AAA の合否、APCA の Lc 値を一覧表示します。ブランドカラーやデザイントークンの可読性を一度に点検できます。計算はすべてブラウザ内で完結し、入力した色は外部に送信されません。

相対輝度から算出する 1:1〜21:1 の比です。AA は通常テキスト 4.5:1・大きいテキスト 3:1、 AAA は通常テキスト 7:1・大きいテキスト 4.5:1 を基準とします。前景と背景を入替えても同じ値です。

WCAG 3 で検討中の知覚均等なコントラスト指標です。前景（テキスト）と背景の順序に依存し、符号は極性（明背景＝正、暗背景＝負）を表します。本ツールは APCA-W3 0.1.9 の公式アルゴリズムを実装しています。