gColors 日本の伝統色辞典

第1版 — 100 Traditional Japanese Colors

序文・思想

「日本の伝統色」という言葉の定義と免責

本辞典における「日本の伝統色」とは、歴史的文献・染織文化・工芸・建築・生活文化の中で 日本語の色名として定着してきた色概念 を指す。

本辞典は、特定の時代・地域・素材における色を唯一の正解として固定するものではない。同一の色名であっても、時代・地域・染料・光環境によって色味が異なることを前提とする。

そのため、本辞典に掲載するHEX値は 「現代のWeb・デジタル実務において再現・共有するための代表値」 として定義される。

学術的な厳密再現や文化財修復の基準色ではないことを、あらかじめ明記する。

本辞典「gColors 日本の伝統色辞典」は、歴史資料の厳密な復元を目的とする学術書ではない。日本文化の中で育まれてきた色名・色感覚を、現代のWeb・デジタル実務において再現・運用可能な形で整理する ことを目的とする。

伝統色は本来、染料・素材・時代・地域・光環境によって揺らぎを持つ存在である。本辞典ではその揺らぎを否定せず、HEX値という一つの定点を「代表値」として定めることで、設計・実装・共有が可能な文化資産として再定義する。

gColorsは「色を固定する辞典」ではなく、色を運用するための辞典である。

本辞典の使い方

CSS変数命名規約

本辞典の全色は、CSS変数として以下の形式で定義されている:

--gc-[色名ローマ字]

例:

使用方法

.element {
  background-color: var(--gc-beni-iro);
  color: var(--gc-ai-iro);
}

カテゴリ構成(10カテゴリ・100色)

本辞典は以下の10カテゴリで100色を体系化している。

  1. 赤・紅系 (10色) - 紅花・茜などの赤系統
  2. 橙・黄系 (10色) - 橙・山吹・鬱金などの暖色系
  3. 金・土・茶系 (10色) - 黄土・茶・栗などの土系統
  4. 緑系 (10色) - 若草・竹・翡翠などの緑系統
  5. 青系 (10色) - 藍・浅葱・瑠璃などの青系統
  6. 紫系 (10色) - 紫・藤・桔梗などの紫系統
  7. 白・灰・黒系 (10色) - 白鼠・墨・鉄黒などの無彩色系
  8. 桃・桜・柔色系 (10色) - 桜・桃・鴇などの淡紅系
  9. 自然・季節・和素材系 (10色) - 若葉・苔・胡桃など自然由来
  10. 四季の移ろい系 (10色) - 春霞・秋桜・氷色など季節の色

辞典全100色|カテゴリ別完全一覧

1. 赤・紅系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 紅色
べにいろ
--gc-beni-iro #D7003A 紅花で染めた、日本を象徴する赤
02 深緋
こきひ
--gc-kokihi #C9171E 深く濃い緋色
03 緋色
ひいろ
--gc-hiiro #D3381C 太陽のような鮮やかな赤
04 朱色
しゅいろ
--gc-shuiro #EB6101 辰砂(水銀朱)の鮮やかな赤
05 赤紅
あかべに
--gc-akabeni #C53D43 紅色よりやや朱に近い赤
06 韓紅
からくれない
--gc-karakurenai #E95464 舶来の鮮やかな紅
07 今様色
いまよういろ
--gc-imayouiro #D0576B 平安時代に流行した紅色
08 蘇芳
すおう
--gc-suou #8E354A 蘇芳木で染めた紫がかった赤
09 真朱
まそほ
--gc-masoho #EC6D71 純粋な朱色
10 紅梅色
こうばいいろ
--gc-kouba-iro #F2A0A1 紅梅の花のような淡い紅

2. 橙・黄系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 橙色
だいだいいろ
--gc-daidai-iro #EE7800 橙の実のような鮮やかな橙
02 山吹色
やまぶきいろ
--gc-yamabuki-iro #F8B500 山吹の花のような黄金色
03 鬱金色
うこんいろ
--gc-ukon-iro #FABE00 ウコンで染めた鮮やかな黄
04 玉子色
たまごいろ
--gc-tamago-iro #FCD575 卵黄のような柔らかい黄
05 芥子色
からしいろ
--gc-karashi-iro #D0AF4C 芥子の実のようなくすんだ黄
06 黄唐茶
きがらちゃ
--gc-kigaracha #B98C46 黄色がかった唐茶
07 朽葉色
くちばいろ
--gc-kuchiba-iro #917347 枯れた葉のような茶黄色
08 山吹茶
やまぶきちゃ
--gc-yamabuki-cha #C89932 山吹色に茶を含んだ色
09 鳥の子色
とりのこいろ
--gc-torinoko-iro #FFF1CF 鳥の卵のような淡い黄
10 刈安色
かりやすいろ
--gc-kariyasu-iro #F5E56B 刈安草で染めた明るい黄緑

3. 金・土・茶系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 黄土色
おうどいろ
--gc-oudo-iro #C39143 黄土の鉱物顔料のような黄褐色
02 砂色
すないろ
--gc-suna-iro #DCD3B2 砂浜のような淡い黄褐色
03 枯茶
からちゃ
--gc-karecha #8D6449 枯れ草のようなくすんだ茶
04 利休茶
りきゅうちゃ
--gc-rikyu-cha #8F8667 千利休が好んだとされる渋い茶
05 焦茶
こげちゃ
--gc-kogecha #6F4B3E 焦げたような濃い茶
06 栗色
くりいろ
--gc-kuri-iro #762F07 栗の実のような赤褐色
07 檜皮色
ひわだいろ
--gc-hiwada-iro #965036 檜の樹皮のような赤茶色
08 柿渋色
かきしぶいろ
--gc-kakishibu-iro #9F563A 柿渋のような茶褐色
09 土器色
かわらけいろ
--gc-doki-iro #C37854 素焼きの土器のような橙茶色
10 朽葉茶
くちばちゃ
--gc-kuchiba-cha #917347 朽葉色より茶色寄り

4. 緑系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 若草色
わかくさいろ
--gc-wakakusa-iro #C3D825 若草のような明るい黄緑
02 若竹色
わかたけいろ
--gc-wakatake-iro #7DBE3C 若竹のような明るい緑
03 常磐緑
ときわみどり
--gc-tokiwa-midori #007B43 常緑樹のような深い緑
04 松葉色
まつばいろ
--gc-matsuba-iro #4F7942 松葉のような暗い緑
05 若苗色
わかなえいろ
--gc-wakanae-iro #C7DC68 若い苗のような淡い黄緑
06 青磁色
せいじいろ
--gc-seiji-iro #7EBEA5 青磁釉のような青緑
07 翡翠色
ひすいいろ
--gc-hisui-iro #38B48B 翡翠の宝石のような緑
08 苗色
なえいろ
--gc-nae-iro #B0CA71 苗のような柔らかい黄緑
09 萌黄
もえぎ
--gc-moegi #A5D16D 新芽のような明るい黄緑
10 緑青色
ろくしょういろ
--gc-rokushou-iro #47885E 銅の錆のような青緑

5. 青系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 浅葱色
あさぎいろ
--gc-asagi-iro #00A3AF 浅葱(ネギ)の葉のような青緑
02 水浅葱
みずあさぎ
--gc-mizu-asagi #80ABA9 水色がかった淡い浅葱色
03 甕覗き
かめのぞき
--gc-kamenozoki #C6E6E8 藍甕を覗いた程度の極淡い青
04 縹色
はなだいろ
--gc-hanada-iro #2792C3 露草で染めた鮮やかな青
05 藍色
あいいろ
--gc-ai-iro #0F4C81 藍染めの深い青
06 鉄紺
てつこん
--gc-tetsukon #17184B 鉄のような暗い紺
07 紺青
こんじょう
--gc-konjou #192F60 群青より暗い深い青
08 空色
そらいろ
--gc-sora-iro #A0D8EF 晴れた空のような明るい青
09 群青色
ぐんじょういろ
--gc-gunjou-iro #4C6CB3 ラピスラズリのような深い青
10 瑠璃色
るりいろ
--gc-ruri-iro #1E50A2 瑠璃(ラピスラズリ)のような濃青

6. 紫系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 京紫
きょうむらさき
--gc-kyomurasaki #9D5B8B 京都で染められた赤みの紫
02 古代紫
こだいむらさき
--gc-kodaimurasaki #895B8A 古代の紫草で染めた紫
03 桔梗色
ききょういろ
--gc-kikyo-iro #5654A2 桔梗の花のような青紫
04 藤色
ふじいろ
--gc-fuji-iro #BBBCDE 藤の花のような淡い紫
05 菖蒲色
しょうぶいろ
--gc-shoubu-iro #674598 菖蒲の花のような赤紫
06 滅紫
けしむらさき
--gc-keshimurasaki #594255 くすんだ暗い紫
07 葡萄色
えびいろ
--gc-ebiiro #640125 葡萄のような暗い紫紅
08 牡丹色
ぼたんいろ
--gc-botan-iro #E03C8A 牡丹の花のような鮮やかな紅紫
09 薄葡萄
うすぶどう
--gc-usubudou #C0A2C7 薄い葡萄色
10 江戸紫
えどむらさき
--gc-edomurasaki #77428D 江戸で好まれた青みの紫

7. 白・灰・黒系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 白鼠
しろねず
--gc-shironezu #BDC0BA 白に近い淡い灰色
02 銀鼠
ぎんねず
--gc-ginnezu #AFAFB0 銀のような灰色
03 薄墨色
うすずみいろ
--gc-usuzumi #A3A3A2 薄く墨を溶いたような灰色
04 鉛色
なまりいろ
--gc-namari-iro #7B7C7D 鉛のような暗い灰色
05 墨色
すみいろ
--gc-sumi-iro #595857 墨のような黒に近い灰色
06 黒橡
くろつるばみ
--gc-kurotsurubami #544A47 橡(どんぐり)で染めた黒褐色
07 濡羽色
ぬればいろ
--gc-nurebairo #000B00 濡れた烏の羽のような艶のある黒
08 烏羽色
からすばいろ
--gc-karasubairo #180614 烏の羽のような青みがかった黒
09 鉄黒
てつぐろ
--gc-tetsuguro #281A14 鉄のような冷たい黒
10 消炭色
けしずみいろ
--gc-keshizumi #2B2B2B 消し炭のような深い黒

8. 桃・桜・柔色系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 桜色
さくらいろ
--gc-sakura-iro2 #FEDFE1 桜の花のような淡い紅
02 桃色
ももいろ
--gc-momo-iro #F09199 桃の花のような紅
03 薄紅
うすべに
--gc-usubeni #F6BFBC 薄い紅色
04 鴇色
ときいろ
--gc-toki-iro2 #F4B3C2 鴇(トキ)の羽のような淡紅
05 退紅
あらぞめ
--gc-arazome #D7A98C 褪せた紅色
06 薄桜
うすざくら
--gc-usuzakura #FDEDEB 桜色より更に淡い紅
07 一斤染
いっこんぞめ
--gc-ikkonzome #F5B199 紅花一斤で染めた淡い紅
08 紅藤色
べにふじいろ
--gc-benifuji #CCA6BF 紅がかった藤色
09 撫子色
なでしこいろ
--gc-nadeshiko #E7A1B0 撫子の花のような紅
10 霞色
かすみいろ
--gc-kasumi-iro #C8C2BE 霞がかった淡い色

9. 自然・季節・和素材系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 若葉色
わかばいろ
--gc-wakaba-iro #B9D08B 若葉のような淡い緑
02 苔色
こけいろ
--gc-koke-iro #69821B 苔のような暗い黄緑
03 木賊色
とくさいろ
--gc-tokusa-iro #3B7960 木賊(砥草)のような深い緑
04 空五倍子色
うつぶしいろ
--gc-utsubushi-iro #9D896C 五倍子の空実のような灰褐色
05 胡桃色
くるみいろ
--gc-kurumi-iro #A58F86 胡桃の実のような灰褐色
06 山鳩色
やまばといろ
--gc-yamabato-iro #767C6B 山鳩の羽のような灰緑
07 薄青
うすあお
--gc-usuao #93B5C6 薄い青色
08 水色
みずいろ
--gc-mizu-iro2 #BCE2E8 水のような淡い青
09 青白橡
あおしろつるばみ
--gc-aoshirotsurubami #9BA88D 青みがかった白橡色
10 灰桜
はいざくら
--gc-haizakura #E8D3C7 灰色がかった桜色

10. 四季の移ろい系(10色)

No 色見本 色名 CSS変数 HEX 説明
01 春霞
はるがすみ
--gc-harugasumi-iro #E8D3D1 春の霞のような淡い色
02 早蕨
さわらび
--gc-sawarabi-iro #C7D3A9 早春の蕨のような黄緑
03 萩色
はぎいろ
--gc-hagi-iro #B28FCE 萩の花のような淡い紫
04 秋桜
こすもす
--gc-akizakura-iro #F7C9D4 コスモスの花のような淡紅
05 木枯茶
こがらしちゃ
--gc-kogarashi-cha #8D6E63 木枯らしの季節の茶色
06 冬青
そよご
--gc-soyogo-iro #2F4F4F 冬青(そよご)の葉のような暗緑
07 氷色
こおりいろ
--gc-koori-iro #D6EAF2 氷のような淡い青
08 霜色
しもいろ
--gc-shimo-iro #E5E9ED 霜のような白に近い淡色
09 夕暮色
ゆうぐれいろ
--gc-yuugure-iro #C7856B 夕暮れ時の茜空のような色
10 夏虫色
なつむしいろ
--gc-natsumushi-iro #CEE4AE 夏の虫のような淡い黄緑

凡例・注意書き

HEX値について

色名の揺らぎについて

日本の伝統色は、文献によって表記や読み方が異なる場合がある。本辞典では以下の方針で統一している:

今後の展開