COLORS IN FASHION / 服にある色

桜は、ピンク一色じゃない

桜をそのまま着るなら、ピンクだけでは足りない。花びらのジャケット、空のパンツ、若葉のシャツ、幹のネクタイ。上野の桜の下へ複数の色を連れていったら、服と景色の境界が少しだけ溶けた。

QUICK ANSWER

桜の景色を、服の役割へ分ける:ピンクのジャケットを花びら、空色のパンツを空、淡い緑のシャツを若葉、茶色のネクタイを幹に見立てます。明るい色を広く、低明度の茶色を細く置くと、多色でも景色のようにまとまります。

  • 花びらピンク
  • 春空ブルー
  • 若葉グリーン
  • 幹ブラウン
上野駅前で、ピンクのジャケット、淡い緑のシャツ、茶色のネクタイ、空色の柄パンツを着た色相中毒者の全身写真

画像クレジット写真:色相中毒者本人(TikTok掲載写真、サイト転載承認済み)

この日のテーマは『桜をそのまま着る』。僕が見ていたのは、花びらだけではなかった。上には空、花のそばには若葉、中心には枝と幹がある。ならば、その全部を服へ移してみたい。そんな少し狂った色採集から、このコーデは始まった。

01 / FEEL

桜の景色から連れ帰った代表パレット

花びら、空、若葉、幹。投稿写真の見えから、服の役割が伝わる色を選びました。

※画面上の見えを読む近似色です。正式色票や実物の測色値ではありません。

花びらピンク#D3A2D1

主役色

僕の一言:桜の花びらを大きな面でまとう、この日の主役

写真から読み取った色
RGBを表示211, 162, 209

春空ブルー#6C95C5

土台色

僕の一言:ピンクの熱を受け止め、下半身に空の余白をつくる

写真から読み取った色
RGBを表示108, 149, 197

若葉グリーン#C9D7B2

つなぎ色

僕の一言:花と空の間から、春の芽吹きをのぞかせる

写真から読み取った色
RGBを表示201, 215, 178

幹ブラウン#6A5550

締め色

僕の一言:明るい3色を細い線で地面へ戻す

写真から読み取った色
RGBを表示106, 85, 80

この日のテーマは、「桜をそのまま着る」。

ピンクのジャケットを羽織る。春はすぐに始まった。でも鏡の中にいたのは、まだ「ピンクを着た人」だった。

僕が着たかったのは、桜という景色そのもの。

花びらの向こうには空がある。花のそばには若葉がある。中心には枝と幹がある。桜は、最初から四人組だった。

花びら、空、若葉、幹を着る

最初に決めたのは、色ではなく役だった。

  • 花びらピンクは、ジャケットいっぱいに広がる主役
  • 春空ブルーは、パンツで下半身を受け止める土台
  • 若葉グリーンは、襟元から春をつなぐ色
  • 幹ブラウンは、ネクタイ一本で重心をつくる締め色

複数の色を平等に並べると、視線が迷子になりやすい。だから面積も場所も平等にはしなかった。

ピンクと青は大きく。緑は内側から。茶色は細く。

色を減らすのではなく、仕事を分ける。それだけで、にぎやかな多色配色に隊列が生まれた。

多色でも散らからない、明度の魔法

色相だけを見ると、ピンク、青、緑、茶はかなり離れている。

それでもジャケット、パンツ、シャツの3色には、ひとつの共通点がある。どれも比較的高明度で、春の光を含んだように見えること。

そこへ低明度・低彩度の茶色いネクタイを一本だけ通す。

明るい3色が空中へ浮かび、茶色が地面へつなぎ止める。僕には、花を支える一本の枝に見えた。

トーンは、明度と彩度を複合した「色の調子」。今回の画面用近似候補は、ピンクがライト、青がソフト、緑がペール、茶がダークグレイッシュ。ひとつのトーンへ統一したドミナントトーン配色ではない。

同じにしなかったからこそ、春の景色のような奥行きが残った。

この配色、名前はひとつじゃない

代表パレットを24色相環へ置くと、中差色相と対照色相の関係が混ざって現れる。

  • ピンクと青、ピンクと茶、緑と茶は中差色相配色の候補
  • ピンクと緑、青と緑、青と茶は対照色相配色の候補
  • 色相差11〜12の組はなく、今回は補色色相配色ではない

色相もトーンも一方向へそろえていないので、ドミナントカラー配色でもドミナントトーン配色でもない。

名前を付けるなら、桜の景色から借りた多色配色。

教科書の型を先に選んだのではなく、着た服をほどいていったら、複数の色相関係が中から現れた。

「ピンクと緑は補色」は、本当?

赤系と緑系を見て、すぐに「補色」と呼びたくなることがある。でも、赤系と緑系なら必ず補色になるわけではない。

この記事の画面用近似候補では、ピンクは 24:RP、緑は 10:YG。色相差は10で、補色色相ではなく対照色相の候補になる。

しかも写真の色は、照明、生地、カメラ、画面で変わる。だから番号は正解札ではなく、色の関係を観察するための座標として使った。

色名だけで決めず、色相環のどこにいるかを見る。ここから配色は、急に立体になる。

夜が、桜と服へ火を入れる

上野へ着き、夜桜と提灯の間を歩いた。

昼に見たピンクは、夜になると少し濃く浮かんだ。提灯の黄みがジャケットを温め、空色のパンツは静かに沈む。

「昼より夜のほうが、服も桜も主役に見える」。これは、この日に僕が感じたことだ。どんな照明でも同じになる法則ではない。

でも、服の色はクローゼットの中だけで完成しない。光と背景が加わるたび、同じ配色が別の物語へ着替える。

明日の服で、景色を一枚着てみる

まず、好きな景色を一枚選ぶ。

そこから主役、土台、つなぎ、締めの役割を拾う。最も広く見せたい色をジャケットかパンツへ。色相が離れた色は、明度を近づけるか面積を小さくする。最後に低明度の小物を一本だけ入れる。

完全に同じ色を買いそろえる必要はない。手持ちの服を、花、空、葉、幹へ見立て直せばいい。

桜を見た翌日、ピンクだけでなく、その向こうの青や緑や茶色まで見えるようになったら。

そのとき、春のクローゼットはもう少しカラフルになっている。

COLOR LAB / CLASSIFY → MEASURE

もう少し色の底へ潜る

ピンクの花びら、青い空、淡い若葉、茶色い幹。桜の風景を4枚の服へ分け、上野の夜へ連れ出した。

主役・土台・アクセント・余韻は、僕がこの日の配色に置いた役割です。色は記事用の代表色として眺めます。

02 / GUESS

この4色、色相の位置は近いと思う?

この4色は、色相環の中では近くに集まっていると思いますか?

03 / HUE

24色相で見る、色相の位置関係

PCCSの24色相を、色の順番と4色の距離で眺めます。近似候補の4色だけが光ります。

PCCS 24色相の画面表示用近似色環PCCSは色相を24色相、1〜24の色相番号で表します。この環は色相の順番を学ぶ独自の画面表示用近似色で、正式色票の色を再現しません。記事の近似候補は3番yR、12番G、17番B、23番rPです。11:pR 紫みの赤/画面表示用近似色22:R 赤/画面表示用近似色33:yR 黄みの赤/画面表示用近似色44:rO 赤みのだいだい/画面表示用近似色55:O だいだい/画面表示用近似色66:yO 黄みのだいだい/画面表示用近似色77:rY 赤みの黄/画面表示用近似色88:Y 黄/画面表示用近似色99:gY 緑みの黄/画面表示用近似色1010:YG 黄緑/画面表示用近似色1111:yG 黄みの緑/画面表示用近似色1212:G 緑/画面表示用近似色1313:bG 青みの緑/画面表示用近似色1414:BG 青緑/画面表示用近似色1515:BG 青緑/画面表示用近似色1616:gB 緑みの青/画面表示用近似色1717:B 青/画面表示用近似色1818:B 青/画面表示用近似色1919:pB 紫みの青/画面表示用近似色2020:V 青紫/画面表示用近似色2121:bP 青みの紫/画面表示用近似色2222:P 紫/画面表示用近似色2323:rP 赤みの紫/画面表示用近似色2424:RP 赤紫/画面表示用近似色1記事色1:PCCS近似色相24 RP レッドパープル/赤紫2記事色2:PCCS近似色相18 B ブルー/青3記事色3:PCCS近似色相10 YG イエローグリーン/黄緑4記事色4:PCCS近似色相4 rO レディッシュオレンジ/赤みの橙PCCS 24色相画面表示用近似色
PCCS 24色相の番号・略記・色名を全部見る
  1. 1pR紫みの赤
  2. 2R赤
  3. 3yR黄みの赤
  4. 4rO赤みのだいだい
  5. 5Oだいだい
  6. 6yO黄みのだいだい
  7. 7rY赤みの黄
  8. 8Y黄
  9. 9gY緑みの黄
  10. 10YG黄緑
  11. 11yG黄みの緑
  12. 12G緑
  13. 13bG青みの緑
  14. 14BG青緑
  15. 15BG青緑
  16. 16gB緑みの青
  17. 17B青
  18. 18B青
  19. 19pB紫みの青
  20. 20V青紫
  21. 21bP青みの紫
  22. 22P紫
  23. 23rP赤みの紫
  24. 24RP赤紫
  1. 花びらピンク #D3A2D1 → 24:RP / 近似 lt24
  2. 春空ブルー #6C95C5 → 18:B / 近似 sf18
  3. 若葉グリーン #C9D7B2 → 10:YG / 近似 p10
  4. 幹ブラウン #6A5550 → 4:rO / 近似 dkg4

※4色はsRGB代表色からの近似分類。図の色は正式色票の再現ではありません。

PRIMER / ATTRIBUTES

色相・明度・彩度とは?

色を見るときの、3つのものさし。

  • 色相何色?
  • 明度どれくらい明るい?
  • 彩度どれくらい鮮やか?

04 / TONE

PCCS 12トーン|色の気分が住む星図

トーンは、明度と彩度をまとめて捉えた「色の調子」。

上ほど高明度、右ほど高彩度。

星を選ぶと、正式名と調子がここに現れます。

4色は、同じトーンではありません。僕には、この少しずつ違う調子がコーデのリズムに見えました。

1 花びらピンク → lt24 ライト2 春空ブルー → sf18 ソフト3 若葉グリーン → p10 ペール4 幹ブラウン → dkg4 ダークグレイッシュ

05 / HARMONY

この4色に隠れていた、3つの配色技法

  • 中差色相配色×3少し離れた色が、リズムをつくる。
  • 対照色相配色×3大きく離れた色が、輪郭を立てる。
  • 補色色相配色×0向かい合う色が、互いを光らせる。

近い色のつながりと、遠い色のコントラストが同居する。だから4色でも、まとまりと勢いの両方が生まれました。

6組の判定を詳しく見る

桜の景色から色を借り、明るい色を広く、低明度の茶を細く置いた多色配色。4色全体を単一の技法には断定しません。

花びらピンク 24:RP × 春空ブルー 18:B

色相差 6 → 中差色相配色

レッドパープル/赤紫 × ブルー/青

花びらピンク 24:RP × 若葉グリーン 10:YG

色相差 10 → 対照色相配色

レッドパープル/赤紫 × イエローグリーン/黄緑

花びらピンク 24:RP × 幹ブラウン 4:rO

色相差 4 → 中差色相配色

レッドパープル/赤紫 × レディッシュオレンジ/赤みの橙

春空ブルー 18:B × 若葉グリーン 10:YG

色相差 8 → 対照色相配色

ブルー/青 × イエローグリーン/黄緑

春空ブルー 18:B × 幹ブラウン 4:rO

色相差 10 → 対照色相配色

ブルー/青 × レディッシュオレンジ/赤みの橙

若葉グリーン 10:YG × 幹ブラウン 4:rO

色相差 6 → 中差色相配色

イエローグリーン/黄緑 × レディッシュオレンジ/赤みの橙
配色技法の該当・非該当を見る
  • 多色配色該当

    花・空・若葉・幹を、4つの有彩色として一着へ重ねています。

  • 中差色相配色複数ペアで該当

    ピンクと青、ピンクと茶、緑と茶は、近似候補で色相差4〜6です。

  • 対照色相配色複数ペアで該当

    ピンクと緑、青と緑、青と茶は、近似候補で色相差8〜10です。

  • 補色色相配色非該当

    今回の近似候補には、色相差11〜12の組がありません。

  • ドミナントカラー配色非該当

    色相は24・18・10・4へ広がり、一つの色相へ統一していません。

  • ドミナントトーン配色非該当

    近似トーンはlt・sf・p・dkgに分かれています。

色相差の分類は、PCCS 24色相番号上の最短差を使った記事別の監査データです。4色全体が必ず一つの正式技法に一致する、という意味ではありません。赤は小面積のネクタイとして、筆者のスタイリング上のアクセント役割で説明しています。

変換と配色技法の参照:PCCS Color Calc / RIT Munsell Renotation Data / 色彩検定協会 2級出題例

ADVANCED|OKLCH色相角の24分割図と計算値を見る

ADVANCED / OKLCH

OKLCH色相角の24分割図

Palette Junkie独自・OKLCH色相角の24分割図です。PCCSの24色相環ではありません。4色のマーカーは区分へ丸めず、計算したOKLCH色相角の位置に表示しています。

OKLCH色相角の24分割図と4色の記事用代表色OKLCHの0〜360度を15度ずつ24区分し、各区分中央の教育用色をsRGB色域へ明示的に収めています。4色のマーカーは区分へ丸めず、計算した色相角の位置に置いています。上は赤紫寄りの赤、右は黄、下は緑〜青緑、左は青です。PCCS正式色相環ではありません。0°PJ-H01 / 0〜15° / 中央色相 7.5° / #DF708915°PJ-H02 / 15〜30° / 中央色相 22.5° / #E2727030°PJ-H03 / 30〜45° / 中央色相 37.5° / #E0765645°PJ-H04 / 45〜60° / 中央色相 52.5° / #DA7D3C60°PJ-H05 / 60〜75° / 中央色相 67.5° / #D0852075°PJ-H06 / 75〜90° / 中央色相 82.5° / #C28E0090°PJ-H07 / 90〜105° / 中央色相 97.5° / #B09802105°PJ-H08 / 105〜120° / 中央色相 112.5° / #9AA023120°PJ-H09 / 120〜135° / 中央色相 127.5° / #80A840135°PJ-H10 / 135〜150° / 中央色相 142.5° / #60AE5B150°PJ-H11 / 150〜165° / 中央色相 157.5° / #37B275165°PJ-H12 / 165〜180° / 中央色相 172.5° / #00B290180°PJ-H13 / 180〜195° / 中央色相 187.5° / #00AFA5195°PJ-H14 / 195〜210° / 中央色相 202.5° / #00ADB7210°PJ-H15 / 210〜225° / 中央色相 217.5° / #00AAC9225°PJ-H16 / 225〜240° / 中央色相 232.5° / #00A5DF240°PJ-H17 / 240〜255° / 中央色相 247.5° / #469EEA255°PJ-H18 / 255〜270° / 中央色相 262.5° / #6896EE270°PJ-H19 / 270〜285° / 中央色相 277.5° / #848EED285°PJ-H20 / 285〜300° / 中央色相 292.5° / #9C86E7300°PJ-H21 / 300〜315° / 中央色相 307.5° / #B07FDB315°PJ-H22 / 315〜330° / 中央色相 322.5° / #C179CB330°PJ-H23 / 330〜345° / 中央色相 337.5° / #CE74B7345°PJ-H24 / 345〜360° / 中央色相 352.5° / #D871A0赤紫寄りの赤緑〜青緑青黄1花びらピンク / #D3A2D1 / #D3A2D1 / 328° / OKLCH 0.772 0.0852春空ブルー / #6C95C5 / #6C95C5 / 253° / OKLCH 0.659 0.0853若葉グリーン / #C9D7B2 / #C9D7B2 / 124° / OKLCH 0.859 0.0524幹ブラウン / #6A5550 / #6A5550 / 34° / OKLCH 0.469 0.029
  1. 花びらピンク #D3A2D1 / 328°
  2. 春空ブルー #6C95C5 / 253°
  3. 若葉グリーン #C9D7B2 / 124°
  4. 幹ブラウン #6A5550 / 34°

セグメントはOKLCH L=0.68 / C=0.14、各中央色相15°刻み、sRGB外はクロマを二分探索で下げて収めています(palette-junkie-oklch-hue-wheel@1.0.0、24区分)。教育用の位置表示であり、PCCS正式色・記事の代表色ではありません。

LEARN / LOOK AGAIN

色相は離れているのに、なぜまとまって見える?

この日の4色は、色相環の中で近くに集まっているわけではありません。青いデニムを広く、緑の帽子を顔まわりに、赤を細いネクタイに置くことで、役割が見えました。

赤は、写真上の小面積と配置から、僕はアクセントとして読みました。これは僕のスタイリング上の解釈で、HEXだけやPCCSの正式技法から自動判定したものではありません。

理由1|面積が同じではない

  • 青:広い面
  • 緑:顔まわりの主役
  • 赤:細い小面積
  • 赤紫:その日の記録

実測面積ではなく、記事と写真から読む教育用の概念図です。

理由2|色の声量を同じにしない

ここでいう「声量」は、僕が写真とスタイリング上の役割から感じた印象です。青を土台、緑を顔まわり、赤を細い線として、視線の入口をつくりました。

OKLCH L/Cは上級詳細に置き、PCCSの彩度や実物の色とは分けて扱います。

理由3|置く場所が分かれている

  • 帽子 — 緑
  • デニム — 青
  • ネクタイ — 赤
  • 髪 — 赤紫

色が別々の場所へ置かれることで視覚的な役割を分けやすくなる、という僕の読みです。

COMPARE / SAME COLORS

色数より、色の役割を見てみよう

A|全部を同じ面積で使った例
花びらピンク春空ブルー若葉グリーン幹ブラウン

4色が同じ声量で競うと、視線の入口が決まりにくくなります。

B|役割に差を付けた例
花びらピンク春空ブルー若葉グリーン幹ブラウン

青を広い土台、緑を主役、赤を小さなアクセント、赤紫を余韻にすると、4色の役割が見えます。

どちらも実際の服装の面積測定ではなく、配色の考え方を比べるための概念図です。detailsを開閉できない環境でも、AとBの説明文で違いを確認できます。

あなたなら、この4色のうち、どの色をいちばん小さく使いますか?

小さく使う色を選ぶ(回答は保存されません)

色数を減らすだけでなく、色ごとの役割に差を付ける方法もあります。

ADVANCED|Harmony候補とOKLCH計算を見る

ADVANCED / HARMONY

OKLCH色相距離を観察する

Palette Junkie独自・OKLCH色相距離観察 v1.0 / 候補表示・人間確認前

Palette Junkie独自・OKLCH色相距離観察 v1.0。ここで表示する「近い・離れている・反対側に近い」は、OKLCH色相角の差を観察するための独自区分です。PCCSの正式な色相配色分類ではありません。

花びらピンク × 春空ブルー

少し離れた色相位置

色相差:約75°/OKLCH Lの差は穏やか/PCCS近似分析は上の監査データを参照

花びらピンク × 若葉グリーン

大きく離れた色相位置

色相差:約157°/OKLCH Lの差は穏やか/PCCS近似分析は上の監査データを参照

花びらピンク × 幹ブラウン

少し離れた色相位置

色相差:約66°/OKLCH Lの差は大きい/PCCS近似分析は上の監査データを参照

春空ブルー × 若葉グリーン

大きく離れた色相位置

色相差:約129°/OKLCH Lの差は大きい/PCCS近似分析は上の監査データを参照

春空ブルー × 幹ブラウン

大きく離れた色相位置

色相差:約141°/OKLCH Lの差は大きい/PCCS近似分析は上の監査データを参照

若葉グリーン × 幹ブラウン

大きく離れた色相位置

色相差:約91°/OKLCH Lの差は大きい/PCCS近似分析は上の監査データを参照

大きく離れた色相位置

candidate

花びらピンクと若葉グリーンのOKLCH色相差は157°。大きく離れた色相位置として表示しています。

不足:実物の測色値、服上の面積比、照明・素材条件代替候補:大きく離れた色相位置として読む/作者の主役色/アクセント色として読む計算:確定/実物との一致:未測色/PCCS:記事別近似候補あり/役割:記事上の役割

少し離れた色相位置

candidate

花びらピンクと幹ブラウンのOKLCH色相差は66°。少し離れた色相位置として表示しています。

不足:実物の測色値、服上の面積比、照明・素材条件代替候補:近い色相位置として読む/同日の記録として物語を読む計算:確定/実物との一致:未測色/PCCS:記事別近似候補あり/役割:記事上の役割

アクセントカラーやドミナントカラーは、面積・配置・素材・本人の意図が揃って初めて検討できます。ここでは候補と不足条件を同時に表示します。

06 / TRY

明日、30秒で自分の服を試すなら

  1. 好きな春の景色を一枚選び、花・空・葉・幹の役割へ分ける。
  2. 最も広く見せたい色を、ジャケットかパンツへ置く。
  3. 色相が離れた色は、明度を近づけるか面積を小さくする。
  4. 最後に低明度の小物を一本だけ入れ、重心をつくる。

色を減らす前に、色の役割を変えてみよう。

TAKEAWAY

今日、持ち帰る3つのこと

  1. 色の三属性は、色相・明度・彩度。
  2. トーンは、明度と彩度を複合して捉えた色の調子。
  3. 4色でも、面積・強さ・置く場所に差をつけるとまとまりやすい。
正確さと出典

無彩色はW / ltGy / mGy / dkGy / Bkの明度段階、トーンは例:p2のように略記号と色相番号で読みます。今回の4色は記事用sRGB 8-bit / D65代表色で、実物測色値や正式色票そのものではありません。

デジタル色値、PCCS上の分類、写真、実物の色は同じものではないため、ここではそれぞれの由来を分けて表示します。

計算は記事用sRGB 8-bit / D65代表色に対して、palette-junkie-color-science@1.0.0で実行します。内部計算値は小数6桁へ丸め、表示ではXYZを6桁、Lab・LCh・OKLCHを3桁、色相を整数へ丸めます。計算日時(calculatedAt)は記事の更新日を固定値として渡し、ビルド時刻で変動させません。LabはBradford順応でD50へ変換し、OKLCHは相対比較用に使います。

代表色から派生した数値(内部6桁、Lab・LCh・OKLCHは表示3桁)
色XYZ D65Lab D50LCh D50OKLCH
花びらピンク0.512917, 0.442944, 0.66157072.402, 24.480, -16.76672.402, 29.671, 326°0.772, 0.085, 328°
春空ブルー0.270065, 0.287125, 0.56931560.129, -4.699, -29.68760.129, 30.056, 261°0.659, 0.085, 253°
若葉グリーン0.564226, 0.642326, 0.51536584.179, -9.715, 16.65984.179, 19.285, 120°0.859, 0.052, 124°
幹ブラウン0.106404, 0.101408, 0.08984738.209, 8.331, 6.38038.209, 10.494, 37°0.469, 0.029, 34°

calculatedAt:2026-08-31T00:00:00.000Z / 内部丸め:小数6桁 / 表示丸め:XYZ 6桁・Lab/LCh/OKLCH 3桁・色相整数 / 白色点:入力D65・Lab D50 / 順応:Bradford / HSL:sRGBの便宜的表示 / RGB距離:色差として不使用 / PCCS近似監査:palette-junkie-pccs-human-audit@1.2.0/参照日:2026-08-30/Color Calc未実行

参照日:2026-08-24(各資料のURLは上記リンク)

  • #D3A2D1 — 入力ハッシュ 8325159b
  • #6C95C5 — 入力ハッシュ 780c0ea7
  • #C9D7B2 — 入力ハッシュ 5d59f87b
  • #6A5550 — 入力ハッシュ 96a271cc

ORIGINAL POST

この日の元投稿

ABOUT

色相中毒者 / Palette Junkie

僕は、服や街で出会った色を、日記のように記録しています。

色を記録する理由を見る

KEEP DIVING

次はどの色の沼へ?

紹介した実例をSNSで見る

KEEP NOTICING

関連する色の記録