伝統色とは何か(What)
日本の 伝統色 は、植物染料、季節、歌物語、武家文化などと結びついた 名前付きの色 の体系です。単なる HEX ではなく、季節感・格式・連想 がセットになっていることが多いです。
| 系統 | 例(色名) | ざっくりした印象 |
|---|---|---|
| 赤系 | 朱・緋・紅 | 祝い・活力・神社 |
| 青系 | 藍・群青 | 日常着・清涼・深み |
| 緑系 | 萌黄・常磐 | 新緑・若さ・不変 |
| 紫系 | 藤・菫 | 華やか・古くは高貴 |
重要: 同じ「藍」でも資料によって HEX が異なります。色名は 文化資産 であり、モニタ上の1値に固定できる「世界共通の正解」ではありません。
なぜ文脈を外さないか(Why)
伝統色を 見た目の HEX だけ に切り落とすと、次の問題が起きます。
- 意味の喪失 — 「萌黄」を選んでも、若葉・新緑の文脈が伝わらない
- 誤った格式 — 祝祭向けと日常 UI で、同系統の赤を同じ役割で使う
- 再現のズレ — 印刷・照明・ディスプレイで、資料のスウォッチと見え方が変わる
日欧比較(日欧比較の見方)と同様、伝統色も 傾向と文脈 の整理であり、全ページに一律適用するルールではありません。
どう使うか(How)
Web・グラフィックでの分離
▸ 参考:伝統色名と HEX 一覧(資料差あり · 折りたたみ)
モニタ・印刷で見え方は変わります。Web では装飾用途に限定し、本文は中立色を優先してください。
| 色名 | 参考 HEX | 備考 |
|---|---|---|
| 朱(しゅ) | #EB6101 | 神社・祝いの赤系 |
| 緋(ひ) | #D7003A | 鮮やかな赤 |
| 藍(あい) | #165E83 | 染料の青。資料により異なる |
| 群青(ぐんじょう) | #4C6CB3 | 深い青 |
| 萌黄(もえぎ) | #88CB7F | 若葉・新緑 |
| 常磐(ときわ) | #007B43 | 不変の緑 |
| 藤(ふじ) | #A59ACA | 藤色・春 |
| 菫(すみれ) | #66327C | 紫系 |
伝統色の HEX は資料化されていますが、モニタ上の再現 と 印刷 では見え方が変わります。実務では次のように レイヤーを分離 すると安定します。
- 装飾: 季節感のある伝統色(見出し帯・区切り線)
- 機能 UI: コントラスト優先の中立色(本文・入力・ボタン)
- 補助情報: 色名の由来を 1 行添える(例: 萌黄 = 若葉の連想)
たとえ: 和菓子ブランドの特集ページで背景を「藍」に寄せるだけでは和らしさが出るとは限りません。本文が読みにくければ体験は悪化します。装飾に藍系、本文は高コントラストの中立色、という 役割分担 が安全です。
たとえ: 海外向けランディングに日本の色名だけを並べると、連想が伝わりません。見本スウォッチ + 短い説明(季節・用途)を英語でも添えると、誤解が減ります。
ミニクイズ
日本の伝統色について最も適切な説明はどれですか?