日本の伝統色の組み合わせ|和の配色と色合わせの考え方

日本の伝統色の組み合わせ|和の配色と色合わせの考え方に関係する色を使ったアイキャッチ

日本の伝統色の組み合わせ|和の配色と色合わせの考え方

日本の伝統色の組み合わせを、歴史的な「襲の色目」と現代の実用配色に分けて解説。桜色×藍色、山吹色×墨色など、色しるべDBの代表HEXを使った参考配色も比較できます。

資料・研究ベース

歴史的な装束配色と現代のデジタル配色を混同しない。代表HEXは画面比較用であり、染織品・顔料・史料上の色を一意に固定するものではない。

このテーマの色を、色で見る

色見本をクリックすると、各色のカラーコード・由来・近い色を詳しく確認できます。

はじめて読む方へ|まず知っておきたい基本

この記事で出てくる基本用語を先に確認します。ここだけ押さえておけば、専門知識がなくても本文を読み進められます。

RGBとは

RGBはRed・Green・Blueの3つの光を組み合わせて色を表す方式です。一般的な8bit表現では各成分を0〜255で示します。

HEXとは

HEXは、Webでよく使う色の表記で、#RRGGBBの6桁でRGBの各成分を16進数で表します。たとえば #FF0000 は赤です。

カラーコードとは

カラーコードは、色を数値や記号で伝えるための表記です。HEXやRGBなど複数の方式があり、同じ色名でも数値は資料や条件で異なることがあります。

日本の伝統色は、単色で見るだけでなく、複数の色を並べることで季節感や素材感、明暗の対比を楽しめます。ただし、歴史的な装束の配色と、現代のデザインで使う配色は同じものではありません。

まず結論

このページでは、歴史的な配色文化と現代の実用配色を分けて紹介します。平安期の「襲の色目」は専用ページで史料・装束の文脈から確認し、ここで示すHEXの組み合わせは色しるべDBの代表値を使った現代向けの参考例として扱います。

この記事の色

この記事に関連する登録色を見比べられます。

← 左右にスライドできます →

伝統色を、使われる文化と一緒に見る

日本の色は、色名だけでなく染織・漆・陶磁器・絵画などの素材や文化と結びついてきました。

染織
漆
陶磁器
日本画

※ 図の色は各分野の代表色を厳密に再現したものではなく、文化と色の関係を理解するための概念表示です。

日本の伝統色一覧を見る →

日本の伝統色の組み合わせに「一つの正解」はない

同じ色名でも、染料、素材、濃度、光、資料によって見え方は変わります。また、歴史的な配色には時代や装束のルールが関わるため、現代のカラーコードだけで再現することはできません。

そのため、色しるべでは次の2つを分けます。

種類 何を見る? 扱い方
歴史的な配色 襲の色目・装束・時代・資料 史料・復元研究を優先し、HEXを実物色と同一視しない
現代の実用配色 Web・印刷・イラスト・資料など 色しるべDBの代表HEXを使い、見やすさや面積比を調整する

歴史的な配色を知るなら「襲の色目」

平安期の装束では、季節の草花や風物を色の重なりで表現する配色文化が発達しました。これは現代の単純な2色パレットとは違い、表裏や重なり、素材、季節、装束の構成まで含めて考える必要があります。

以下の組み合わせは歴史的な「襲の色目」の再現ではありません

色しるべの現代的な代表HEXを使った実用配色例です。歴史資料に「この2色が正式な組み合わせ」と記録されていると主張するものではありません。

現代の実用配色|伝統色2色の組み合わせ例

桜色 × 藍色

桜色
#FBDADE
藍色
#2B4B65

明るい桜色と暗い藍色を組み合わせると、明度差が大きく、淡い色を主役にしても輪郭を作りやすくなります。背景と文字として使う場合は、実際のコントラスト値を確認してください。

桜色と藍色を数値で比較する →

山吹色 × 墨色

山吹色
#F8A900
墨色
#343434

鮮やかな山吹色をアクセントにし、墨色を大きな面積に使うと、黄橙の強さを引き締めやすい組み合わせです。

山吹色と墨色を数値で比較する →

藤色 × 若草色

藤色
#A294C8
若草色
#AAB300

花と若葉を思わせる組み合わせ。どちらも中〜明るめの色なので、文字色には濃い無彩色や藍・紺系を別途使うと読みやすくなります。

藤色と若草色を数値で比較する →

朱色 × 生成り

朱色
#EF454A
生成り
#EAE0D5

強い朱色を生成りで受けると、白よりも柔らかい余白を作りやすくなります。朱色はアクセント、生成りは背景という役割分担に向きます。

朱色と生成りを数値で比較する →

浅葱色 × 臙脂色

浅葱色
#00A3AF
臙脂色
#AD3140

青緑と深い赤を合わせる、色相差の大きい組み合わせです。両方を同面積で使うと強く見えやすいため、主役とアクセントを決めるとまとめやすくなります。

浅葱色と臙脂色を数値で比較する →

琥珀色 × 常磐色

琥珀色
#AA7A40
常磐色
#007B50

黄褐色と深い緑を組み合わせる落ち着いた配色です。自然素材や工芸を連想させる現代デザインの配色候補として使えます。

琥珀色と常磐色を数値で比較する →

3色に広げるときの考え方

2色だけで足りない場合は、第三色を「背景」「文字」「アクセント」のどれかに限定すると整理しやすくなります。

ベース メイン アクセント 使い方の例
生成り #EAE0D5 藍色 #2B4B65 山吹色 #F8A900 落ち着いた背景+濃色+明るい差し色
桜色 #FBDADE 藤色 #A294C8 墨色 #343434 淡色2色を濃い文字色で締める
若草色 #AAB300 浅葱色 #00A3AF 生成り #EAE0D5 春夏の自然色を明るい背景でまとめる

配色を決めるときは「面積比」と「用途」を見る

  • 背景:生成り・桜色など明るい色は大きな面積で使いやすい
  • 文字:藍色・墨色など暗い色は可読性を確保しやすい
  • アクセント:朱色・山吹色など強い色は小さな面積でも目立つ
  • Web:色名の印象だけでなくWCAGコントラストも確認する
  • 印刷・工芸:画面上のHEXと実物素材の色は一致しないことがある

よくある質問

日本の伝統色に「相性のいい色」は決まっていますか?

一つに固定された正解はありません。歴史的な装束配色には別の文化的ルールがあり、現代のデザインでは用途・面積比・コントラストによって適切な組み合わせが変わります。

このページの組み合わせは昔から使われていた配色ですか?

いいえ。現代の実用配色として、色しるべDBの代表HEXを組み合わせた例です。歴史的な配色を調べる場合は「襲の色目」ページを参照してください。

HEXをそのまま印刷や染色に使えますか?

HEXは画面表示のためのRGB系の表現です。印刷・染色・工芸では素材や色材、印刷条件などで見え方が変わるため、実物確認が必要です。

出典・確認情報

歴史的配色文化の確認に使用。本文の現代配色例は色しるべDBの代表HEXから作成した編集例であり、史料上の襲色目の再現ではない。

この色を、使う場面で見る

同じ色でも、紙・布・画面・空間など使う場面によって見え方が変わります。用途別のイメージを見比べられます。

切り絵・紙もの

大きな色面と差し色の位置を、紙を重ねる感覚で確認できます。

布・刺繍

細かな色が隣り合ったときのまとまりを、布や糸のような細分化で見ます。

イラスト

背景・主役・補助色・アクセントに分けたときの見え方です。

インテリア

壁・床・家具・小物に置いたときの色面バランスをイメージできます。

文字・印刷

色しるべ 見出しと背景
色しるべ 線と文字

背景色・文字色・罫線として使ったときの雰囲気を確認できます。