カラーピッカーへ移動

#e7000bの背景に#fef2f2の文字:コントラストチェック

文字と背景のコントラストをWCAG 2とAPCAで並べて確認し、ワンクリックで修正できます。

HEXとして認識

HEXとして認識

大きな見出し

読みやすいサイズの本文です。ページの大部分はこの形で組まれるため、最も高いコントラストが必要です。

小さな文字、キャプション、補足

ボタン

大きな文字のみ

24px以上、または太字19px以上の見出しなら問題ありません。本文には弱すぎます。

4.36:1

  • AA · 通常の文字不合格
  • AA · 大きな文字合格
  • AAA · 通常の文字不合格
  • AAA · 大きな文字不合格

Lc -68.7

18px以上か太字の文字

バージョン APCA-W3 0.1.9。APCAはWCAG 3の候補で、参考として表示しています。

基準を満たす色にする

基準を満たす最も近い色です。明度だけを変えるので、色相はそのままです。

文字を調整背景を調整
WCAG AA 4.5:1#fff6f6#e30003
WCAG AAA 7:1明度の変更だけでは届きません。#ab0000
APCA Lc 75#ffffff#cc0000