#ff2400の背景に#ff0000の文字：コントラストチェック

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

文字

背景

大きな見出し

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

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

ボタン

読みにくい

大きな見出しにもコントラストが足りません。どちらかの色を変えるか、下の修正案を使いましょう。

1.05:1

Lc 0.0

どの文字にも低すぎる

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

基準を満たす色にする

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