色を増やすときは役割を1つずつ：1色の濃淡→明るい色で文字を読ませる→差し色を小さく
色数を一気に決めず、段階ごとに「その色の役割」を1つだけ足す。
どんな問題を解決するか / いつ使うか
ブランドやパッケージ、バナーで色を足していくと、どの色も主張して散らかりやすい。役割を順番に足すと、何のための色かが説明でき、AIに配色を指示するときも段階で頼める。
関連: Colorableで「読める2色」を見つけたら、AIに役割付きの資料配色ルールへ展開させる、ガイド：AI × デザイン（生成AI・コーディングエージェントに良いデザインを作らせる）
手順
- 1色の濃淡から始める：まず主役の色だけで、濃い・薄いの幅を作る（作者の例：深い赤の濃淡）。
- 明るい色を足して文字を読ませる：背景と文字の明暗差を作る役（例：アイボリー）。
- 差し色を小さく効かせる：小さなラベルやシールなど、強調したい一点だけに使う（例：ライム）。
- 段階ごとに作例を並べ、色が増えたことで何が良くなったかを確認する。
注意点
- この順番や配色が万能というわけではない。実際の文字サイズ・素材・画面で読みやすさ（コントラスト）を確かめる。
- 作者の作例はAI生成の架空ブランド。