パレットではなく、実際の画面で色の対比を確かめる

文字と画面の色を、パレットの見本だけで判断しないためのコントラスト確認ツールです。

調和のある配色でも、背景に埋もれるラベルが生まれます。文字の大きさ、周囲の内容、フォーカス、読む画面など、色には文脈が必要です。前景と背景の値を比べ、異なる見え方を考える道具を選びました。一つの合格表示で終わらず、実際の画面を調べるために使いましょう。

まず試してみる

本物のラベルと正確な背景色を一つ用意します。組み合わせを記録し、該当する文字や画面要素の基準を確認して、他の状態でも試してください。長いラベルや狭い画面も確かめ、意味を色だけに頼らせない手掛かりを残します。変えた色は周囲の配置でも見直しましょう。

確認しておきたいこと

シミュレーションはすべての人の視覚や環境を再現できません。対比の確認はアクセシビリティ検討の一部です。二色だけではグラデーション、画像、透明度、操作の全状態を評価できないため、実際の表示も確認してください。