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

この計算ツールについて

この計算ツールは、(L1 + 0.05) / (L2 + 0.05) を使って、2つの色の間のWCAGコントラスト比を計算します。L1 と L2 はそれぞれ明るい色と暗い色の相対輝度で、どちらもWCAGのガンマ補正済みの輝度の式によってsRGBのチャンネル値から導かれます。結果は1:1（同じ色）から21:1（白地に真っ黒）までの範囲となり、ウェブコンテンツ・アクセシビリティ・ガイドラインの基準値に照らして判定されます。AAレベルでは通常の文字で4.5:1、大きな文字で3:1、より厳しいAAAレベルではそれぞれ7:1と4.5:1です。

ウェブデザイナー、フロントエンド開発者、アクセシビリティの監査担当者は、弱視や色覚特性のあるユーザーのために、文字やUI要素が法的な基準や使いやすさのアクセシビリティ基準（WCAG 2.1、ADA、Section 508への準拠）を満たすことを確認するためにこれを使います。16進数の色を2つ入力すると、コントラスト比と合否の状態が求まります。