コントラスト比

Contrast Ratio
別名: 明度差
ビジュアルデザイン要素

🎮 ライブデモ

📝 説明

一言で説明

背景色と前景(文字やアイコン)色の明るさの差を数値化したもの。アクセシビリティの重要な指標。

いつ使う?

すべてのテキスト表示において。特にWCAG(Webアクセシビリティ指針)基準を満たすために確認が必要。

💡 日常の言い方

文字の「見やすさ、くっきり具合」

🔄 似ている用語との違い

コントラスト比 vs アクセシビリティ

コントラスト比はアクセシビリティ(使いやすさ)を実現するための具体的な手法・数値の1つ。

🤖 AIへの指示例

背景白に対して、コントラスト比が4.5:1以上になるような濃いグレーのテキストカラーを選んで。