色のコントラスト比計算
不透明な2つのsRGB色を比較し、文字の見本と、通常・大きな文字に対するWCAG 2.2のコントラスト基準を確認します。
計算結果
結果
—
計算手順
手順を1つずつ、またはまとめて表示できます。現在の入力値を使った計算手順です。
計算方法
sRGBチャネルを線形光に変換し、各相対輝度を計算し、より軽い輝度と0.05をより暗い輝度と0.05で割った。非丸み比率を各しきい値と比較する。
Contrast ratio=(lighter luminance+0.05)/(darker luminance+0.05)
計算例
白地に黒の比率は21 : 1。識別色は比率1 : 1。白に336699の比率は約5.998 : 1。
前提条件と入力上の注意
3桁または6桁のHEX sRGBのみのオペック。 AAのしきい値は、標準テキストでは4.5:1、大テキストでは3:1である。 AAAの値は7:1、4.5:1である。大きなテキストは、少なくとも18 pt 正規または14 pt boldを意味する。スレッショルドな決定は、表示された値が上を丸くしても、丸くない比率を使用する。これにより、指定された色ペア、完全なアクセシビリティの適合性、勾配、透明性、または画像の背景がチェックされる。プレビューは実例である。数理比は入力色を使用する。
参考資料： W 3C コントラスト最小値 · W 3C相対輝度
このツールの使い方
自分の値を入力できますか？
はい。入力例をご自身の値に変更してください。結果・計算手順・表・対応する図が入力に応じて更新されます。空欄や無効な値がある場合は結果を消去し、不足した入力を自動的に例の値で補うことはありません。
結果は厳密ですか？
浮動小数点演算を使用し、表示時に丸めています。計算式・前提条件・記載されたデータ精度を確認して結果を解釈してください。
入力内容は送信されますか？
計算はブラウザー内で行います。アカウント・ファイルのアップロード・外部AIサービスは不要です。ページを再読み込みすると入力値は保持されません。
不透明なsRGB色をHEX、整数RGB、HSLの間で変換し、丸め前の値と最も近い8ビットHEXを表示します。
画素寸法、印刷寸法、PPIを換算し、実際の印刷サイズ、必要な整数画素数、実効解像度を求めます。
画面対角寸法と画素数から、有効幅・高さ、縦横比、画素密度、画素ピッチを寸法図とともに求めます。
広告掲載用スペースです。