このカラー＆コントラストツールについて

カラーピッカーで選ぶか、#0984e3、rgb(9, 132, 227)、 hsl(206, 92%, 46%) など一般的な形式で入力すると、3つの表現をワンクリックコピーで取得できます。コントラストセクションは相対輝度から WCAG 2 コントラスト比を計算し、4つの基準（AA通常テキスト 4.5:1、AA大テキスト 3:1、AAA通常 7:1、AAA大 4.5:1）の合否バッジを、実際の配色によるライブプレビューとともに表示します。

ウェブサイトやダッシュボード、スライドでアクセシブルな文字色/背景色の組み合わせを選ぶ際に便利です。すべてクライアントサイドで動作します。関連ツール：抵抗カラーコード計算機、 JSON整形ツール。