移行中の知識
カラーパレット
Color Palette
定義
カラーパレット（color palette）とは、一つの制作物やdesign systemで実際に使う色を、役割や組み合わせを考えて選んだ集合です。単なるswatch一覧ではなく、background、text、accent、stateなどの用途と、lightness・chroma・contrast・gamutを含めて運用します。paletteの色数が少ないほど良い、あるいは多いほど表現豊かという単純な尺度ではありません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
design system
product UIの基本palette
見るポイント
neutral、brand、statusの色を選び、light / dark surface上で役割とcontrastを確認する。似た色を増やす前に、既存色で役割を分けられないかを見る。
brand campaign
campaignごとの派生palette
見るポイント
core brand colorを残しつつ、写真やthemeに合わせたsupport colorを追加する。campaignごとに完全に別paletteへせず、何が継続するbrand cueか確認する。
注意
誤解しやすい点
- paletteを単なる色見本の一覧として扱い、用途やcontrast関係を定義しない。
- 色数を減らすこと自体を一貫性とみなし、必要なstateや階層差まで失う。
- palette内にある色なら、どの組み合わせでもaccessibleだと考える。
- paletteの色相や色数だけから「高級」「親しみ」「信頼」などの評価を直接決める。
関連
関連する概念
出典