デザイン
カラーコントラストチェッカー
2色のWCAGコントラスト比
気がついたら、地面を離れていた。
1.00
コントラスト比
| 標準 | 標準テキスト | 大テキスト |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | 非テキスト/UIコンポーネント (≥3:1)：— | |
最も近いAA準拠テキスト代替色OKLCHの代替色を計算中…
このレポートはWCAG 2.2のコントラスト比要件に準拠します。APCAはまだ実験段階であり、WCAG 3適合結果ではありません。
色を選びますか？ カラー変換 · ソーシャルバイオ: おしゃれテキストジェネレーター · スケール: カラーシェードジェネレーター.
使用方法
テキスト色と背景色を選択。コントラスト比と各WCAGレベルの合否がライブ更新され、プレビュー表示。
よくある質問
良いコントラスト比とは？
WCAG AAでは通常テキストに4.5:1、大きなテキストに3:1が必要です。AAAではそれぞれ7:1と4.5:1が必要です。WCAG 1.4.11では、重要な非テキストグラフィックやUIコンポーネントの境界・状態にも3:1が必要です。
大きなテキストとは？
大きなテキストは約18pt (24px) または14pt (18.66px) の太字以上
比率はどのように計算されますか？
両方の色の相対輝度から（明るい方 + 0.05）÷（暗い方 + 0.05）、WCAGの計算式に基づきます。
最終更新日: