カラーピッカーへ移動

#e12afbの背景に#4b004fの文字:コントラストチェック

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

HEXとして認識

HEXとして認識

大きな見出し

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

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

ボタン

大きな文字のみ

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

4.20:1

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

Lc 37.2

補足の文字とプレースホルダー

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

基準を満たす色にする

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

文字を調整背景を調整
WCAG AA 4.5:1#420046#e834ff
WCAG AAA 7:1明度の変更だけでは届きません。#fb85ff
APCA Lc 75明度の変更だけでは届きません。#ffbeff