ブランドカラー検証 ― 自分の色を、地の色・写真・3つの場面に置いて確かめる

ブランドの色は、名刺、看板、ウェブのページ、写真の上の文字など、いろいろな場所で使われます。同じ色でも、置く場所によって見えにくくなることがあります。

この教材では、自分のブランドの色を入れて、地の色・写真・3つの場面の上で、文字としての見え方を確かめます。先に自分の目で答え、そのあとに数値（コントラスト比）を見ます。所要時間は1色で10分ほどです。

数値の出し方

コントラスト比は、W3C の WCAG 2.2 の定義で計算しています。2つの色の明るさ（相対輝度）の比で、1:1 から 21:1 までの値をとります。文字の基準は、小さな文字で 4.5:1 以上、大きな文字（18ポイント＝24px 以上、または14ポイントの太字以上）で 3:1 以上です（達成基準 1.4.3、AA）。

写真の上の比は、文字の後ろの範囲の平均の明るさと、文字の色から計算しています（色彩101による整理）。写真は場所によって明るさが変わるので、範囲の中のいちばん明るい所や暗い所では、比はもっと小さくなることがあります。

この教材について

色彩101の「操作して学ぶ教材」の1本です。入れた色と文字、答えは、この端末の中にだけ保存され、サーバーには送られません。写真は、色彩101が Adobe Firefly で作ったものです。画面の明るさの設定や、まわりの明るさによって、見え方は変わることがあります。印刷物の色は、紙やインクによって画面の色と変わります。

参考文献

• W3C (2024). Web Content Accessibility Guidelines (WCAG) 2.2. W3C Recommendation 12 December 2024. W3C のページ