anındahesapla

WCAG 色のコントラスト比計算ツール

2色間のWCABアクセシビリティのコントラスト比を計算します。

WhatsApp X Facebook

結果

4,4781:1

コントラスト比: 4,4781:1(大きな文字のみ)

比 = (L₁+0,05)/(L₂+0,05)

色のコントラスト比とは?

色のコントラスト比は、2つの色(例えば文字と背景)の読みやすさを測ります。アクセシビリティ(WCAG)基準で使われます。

計算方法は?

計算方法

2つの色の輝度(luminance)を比として求めます: コントラスト = (L1 + 0,05) ÷ (L2 + 0,05)

  1. 2つの色を入力します。

通常の文字には最低 4,5:1 が推奨されます。

よくある質問

良いコントラスト比とは?
通常の文字で 4,5:1、大きな文字で 3:1 以上がアクセシブルとされます。

関連する計算