13色のうち2色は、色相が8.8度しか離れていなかった

以前、13色のカラーパレットを作りました。名前と由来のある伝統色がもとになっていて、1色ずつ見ればどれも良い色です。

問題が見えたのは、色相角を並べてからでした。そのうち2色の差が、8.8度しかなかったのです。

8.8度とはどれくらいか

隣り合う色相を見分けられる境目は、明度や彩度によって変わります。ただ、この彩度の帯では、おおよそ15度以上離れていないと「2つの色」には見えません。

8.8度だとどうなるか。単独で見れば別の色ですが、並べると、同じ色が刷り損じたように見えます。

色を選ぶとき、私たちは1色ずつ見ます。色を使うとき、見る人は何色かを同時に見ます。

ですから、パレットとして本当に伝えるべきなのは13個のカラーコードではなく、次のようなことです。

削除も、色の調整もしていません。「この2色は同じ画面に置かない」というルールを1つ加えました。

同じパレットには、コントラスト比が3.01:1しかないニュートラルグレーもあります。大きな文字なら使えて、本文には使えない、ちょうどその線上の色です。これも残し、使い道を1つに限って明記しました。

色見本が答えるのは「どんな色があるか」です。デザインシステムが答えるのは「この色を、この場所で使っていいか」です。

⭐ 納品物は後者です。前者はスクリーンショットにすぎません。