コントラスト比のチェック（WCAG）
文字色と背景色のコントラスト比を計算し、WCAG 2.x の AA・AAA 基準を満たすかを判定します。読みやすい配色の確認に。
- 登録不要・無料
- ブラウザ内で処理
- データ送信なし
コントラスト比
-
通常の文字（AA 4.5 / AAA 7）
-
大きな文字（AA 3 / AAA 4.5）
-
アイコン・入力欄の枠など（3）
-
文字色
-
背景色
-
※ 大きな文字は 18pt（約24px）以上、または太字の 14pt（約18.66px）以上です。
関連ツール
Web制作・SNS カラーコードの変換（HEX・RGB・HSL） カラーコード（#1d4ed8）・RGB・HSL・色名を相互に変換し、色見本と、明るく・暗くした色も表示します。 Web制作・SNS 色覚シミュレーション（色の見え方） 指定した色が、P型・D型・T型の色覚の人や白黒印刷でどのように見えるかを色見本で表示します。配色の確認に。 Web制作・SNS box-shadow の作成 影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 Web制作・SNS CSS clamp() の計算（レスポンシブな文字サイズ） 画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。