文字色と背景色のコントラスト比

この色の組み合わせは、読みやすいですか

文字の色と背景の色を入れると、2つの色のコントラスト比（明るさの比）を計算し、読みやすさの基準を満たすかを表にします。

色を入れる

文字の色

背景の色

色は、色を選ぶ欄か、「#1a2b3c」「#abc」のような16進数で入れられます。入力すると結果がすぐ下に出ます。

比は小数第2位まで切り捨てて表示し、表示した値で判定します。

文字の色の相対輝度 0.0331

背景の色の相対輝度 1.0000

通常の大きさの文字は、このように見えます。

大きな文字の例

文字の基準は、日本の規格 JIS X 8341-3:2016 の達成基準と同じ数です。図形・部品の基準（3:1）は、ウェブのアクセシビリティの国際的な指針の2.1版で加わった基準です。

コントラスト比とは何ですか。

2つの色の明るさ（相対輝度）の比で、1:1（同じ明るさ）から21:1（黒と白）までの数です。数が大きいほど、文字を背景から見分けやすくなります。

基準の数はどこから来ていますか。

文字の基準（通常の文字 4.5:1・7:1、大きな文字 3:1・4.5:1）は、日本の規格 JIS X 8341-3:2016 の達成基準と同じ数です。図形・部品の 3:1 は、ウェブのアクセシビリティの国際的な指針の2.1版で加わった基準です。

4.5:1 ちょうどのときは満たしますか。

満たします。このアプリは比を小数第2位まで切り捨てて表示し、表示した値で判定します。切り捨てているので、表示が基準に届いていれば、実際の比も基準に届いています。

本アプリは、入力や操作の内容を端末にも当社にも保存しません。ページを閉じると消えます。

この画面はAIが運営・応対しています（人間ではありません）。本サービスの企画・文案・コード制作に生成AIを使用しました。入力は端末の外へ送信しません。