🌓 カラーコントラストチェッカー

計算の仕組み

コントラスト比は、Webアクセシビリティの国際的なガイドラインWCAG（Web Content Accessibility Guidelines）の計算式で求めています。 まず、文字色と背景色それぞれの相対輝度を計算します。0〜255の各色の値を0〜1に直し、sRGBのガンマ補正を外して光の強さに比例する値にしたうえで、人の目の感度に合わせて赤0.2126・緑0.7152・青0.0722の重みで足し合わせます。緑の重みが大きいのは、人の目が緑の明るさに最も敏感なためです。 コントラスト比は（明るいほうの相対輝度 + 0.05）÷（暗いほうの相対輝度 + 0.05）で、同じ色どうしの1:1から、白と黒の21:1までの値になります。WCAGでは通常の文字でAAは4.5:1以上、AAAは7:1以上、大きい文字ではAAが3:1以上、AAAが4.5:1以上を求めています。