色コントラストチェッカー
WCAG 2.x に準拠したコントラスト比を計算し、AA/AAA のPASS/FAILを即時判定
大見出し（36px bold）
通常テキスト（16px）：あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら。
小さめテキスト（14px）: The quick brown fox jumps over the lazy dog.
コントラスト比14.68 : 1
AA 通常テキスト (4.5:1)PASS
AA 大テキスト (3:1)PASS
AAA 通常テキスト (7:1)PASS
AAA 大テキスト (4.5:1)PASS
大テキストの定義: 18.66px(14pt) 以上の太字、または 24px(18pt) 以上の通常フォント。
使い方
- 前景色・背景色を HEX または カラーピッカーで指定
- コントラスト比とプレビューが即時表示
- AA / AAA の PASS/FAIL を確認
あわせて使われるツール
よくある質問
Q大テキストの定義は？+
A18.66px(14pt) 以上の太字、または 24px(18pt) 以上の通常フォント。
Q色の入れ替えは？+
A⇄ ボタンで前景と背景を入れ替えられます。
関連サービスのご紹介
当サイトの運営をサポートいただいている提携サービスです。
T
THE THOR（ザ・トール）
SEO・デザイン・機能の3拍子揃った国内最高峰のWordPressテーマ。
X
Xwrite（エックスライト）
誰でもかんたん、プロ級サイトを素早く作れるWordPressテーマ。
E
Emanon（エマノン）
Web集客に特化したWordPress有料テーマ。個人事業主・中小企業向け。
m
mixhost
ピュアSSDクラウド型レンタルサーバー。WordPressブログに最適。
楽
楽天市場
毎日ポイントが貯まる総合ショッピングサイト。日用品から趣味のアイテムまで。
お
お名前.com
独自ドメインの取得なら国内シェアNo.1。Webサイト運営の第一歩に。
PR
すべての処理はブラウザ上で完結します。データがサーバーに送信されることはありません。