COLORS IN FASHION / 服にある色

毒入りデニム。紫と黄緑を、夜の青へ放つ

デニムを着た。さらにデニムを着た。それだけでは僕らしくないから、紫のシャツ、グレーのネクタイ、黄緑と青紫が暴れる帽子を投入。整える色と壊す色を分けたら、デニムが少しだけファンタジーになった。

QUICK ANSWER

デニム×デニムを、作業着で終わらせない答え:形はシャツ・ネクタイ・帽子で整え、色は紫と黄緑で壊す。『整える場所』と『暴れる場所』を分けると、デニムの面積が大きくても遊び心が埋もれません。

  • デニムブルーグレー
  • 深い赤紫
  • 青紫
  • 黄緑
ウォッシュ加工のロングデニム、紫のシャツ、グレーのネクタイ、カラフルな帽子と柄パンツを着た全身コーデ

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

今日はデニム×デニム。カジュアルな素材を、シャツとネクタイと帽子で少しクラシックへ寄せた。でも、きれいに終わるのはつまらない。だから毒々しい紫と、ポケモンの色を連れてきた。

01 / FEEL

夜のデニムに潜む、4つの色

大きな青みのグレー、襟元の赤紫、帽子で跳ねる青紫と黄緑。面積ではなく、コーデの役割で4色を拾います。

※夜間の投稿写真から選んだ画面上の代表色です。

デニムブルーグレー#7C8081

土台色

僕の一言:全身を包む、夜色の大きな土台

写真から読み取った色
RGBを表示124, 128, 129

深い赤紫#653658

焦点色

僕の一言:クラシックな襟元へ落とす毒の一滴

写真から読み取った色
RGBを表示101, 54, 88

青紫#855EB1

反復色

僕の一言:赤紫を頭上でもう一度鳴らす反復色

写真から読み取った色
RGBを表示133, 94, 177

黄緑#A89E57

対照色

僕の一言:青紫の向かい側で火花を散らす遊び色

写真から読み取った色
RGBを表示168, 158, 87

デニムを着た。

さらに、デニムを着た。

ここで終われば、かなり真面目なデニムオンデニム。でも僕は、普通にまとまった鏡を見ると、どこかへ色を放り込みたくなる。

だから紫のシャツを入れた。帽子には青紫と黄緑。パンツにはポケモン。今日のデニムには、ちゃんと毒が入っている。

デニムの青を、いったん制服にする

この日のいちばん大きな色は、ウォッシュ加工のデニムブルーグレー。

上も下もデニムだから、素材の気配はひとつにつながる。全身を遠くから見ると、青みのグレーが大きな影のように見える。

デニムオンデニムが強いのは、この「大きな土台」が一瞬でできるところ。逆に、そのままだと作業着のように見えたり、色の動きが止まったりする。

そこで僕は、襟のあるシャツ、ネクタイ、帽子を差し込んだ。素材はカジュアルなまま、形だけ少しクラシックへ寄せる。

紫を一滴。クラシックが毒になる

きれいなシャツでも、色が深い赤紫なら急に安全ではなくなる。

見える面積は小さい。でも、紫は顔のすぐ下にある。人の視線が集まりやすい場所へ置いたから、デニムより面積が小さくても存在感は消えない。

さらに帽子の青紫が、襟元の紫をもう一度鳴らす。まったく同じ紫ではない。PCCS近似では、シャツを23:rP、帽子を21:bPの候補として読んだ。色相差2の、類似色相の関係だ。

一度だけなら異物。二度現れると、配色の意志になる。

帽子の中で、黄緑と青紫が衝突する

この帽子は、頭の上に置いた小さな色相環みたいだ。

青紫の21:bP候補と、黄緑の9:gY候補。その差は12。24色相環では向かい合うため、帽子の二色は補色色相配色の候補として読める。

補色は、全身を半分ずつ塗らなくても使える。小さな帽子の中だけで衝突させれば、大きなデニムの静けさを壊しすぎない。

黄緑はパンツの柄にも現れる。頭と足元で色が反復され、視線が上下へ動く。帽子だけが浮かないのは、この小さな再登場があるからだと思う。

グレーのネクタイは、色の休符

紫、青紫、黄緑。ここまで色が動くと、全部を強くすると目が休めない。

そこでグレーのネクタイが効く。ネクタイは紫のシャツの上にあり、周囲をデニムが囲む。無彩色に近いグレーが間へ入ることで、紫と青みのグレーが直接ぶつかり続けない。

配色技法の言葉では、セパレーションカラーに近い働きとして読める。ただし、これはコーデ全体を一つの正式な技法名で断定する話ではない。実際の服では、複数の色相関係と面積、素材、位置が同時に働いている。

このコーデに、技法名は一つじゃない

この日の配色を「ドミナントカラー配色」と呼ぶのは違う。全体の色相を一方向へそろえていないからだ。

代わりに、いくつかの関係が同時にある。

  • 赤紫のシャツと青紫の帽子は、類似色相
  • 帽子の青紫と黄緑は、補色色相の候補
  • 黄緑とデニム、黄緑と赤紫は、対照色相
  • グレーのネクタイは、色を休ませるセパレーション的な役割

服を一つの用語へ閉じ込めるより、どの場所で、どの二色が、どんな仕事をしているかを見る。その方が、明日のコーデへ持ち帰りやすい。

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

まず、デニムの上下で大きな土台をつくる。次に、シャツかネクタイで形を整える。そして、土台と違う色を顔まわりへ一つ置く。

最後に、その色を帽子か靴でもう一度だけ繰り返す。

整えるのは形。暴れるのは色。

その役割を分ければ、デニムオンデニムは「無難」でも「やりすぎ」でもない、自分だけの世界になる。

僕の場合、その世界には紫の毒と、ポケモンが必要だった。

COLOR LAB / CLASSIFY → MEASURE

もう少し色の底へ潜る

青みのグレーが大きな夜をつくり、襟元の赤紫が毒を一滴。帽子の青紫と黄緑が火花を散らし、柄パンツへ色がこぼれていく。

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

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近似色相17 B ブルー/青2記事色2:PCCS近似色相23 rP レディッシュ・パープル/赤みの紫3記事色3:PCCS近似色相21 bP ブルーイッシュ・パープル/青みの紫4記事色4:PCCS近似色相9 gY グリーニッシュ・イエロー/緑みの黄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. デニムブルーグレー #7C8081 → 17:B / 近似 g17
  2. 深い赤紫 #653658 → 23:rP / 近似 dk23
  3. 青紫 #855EB1 → 21:bP / 近似 d21
  4. 黄緑 #A89E57 → 9:gY / 近似 sf9

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

PRIMER / ATTRIBUTES

色相・明度・彩度とは?

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

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

04 / TONE

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

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

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

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

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

1 デニムブルーグレー → g17 グレイッシュ2 深い赤紫 → dk23 ダーク3 青紫 → d21 ダル4 黄緑 → sf9 ソフト

05 / HARMONY

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

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

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

6組の判定を詳しく見る

デニムを大面積の土台にし、紫系を反復。帽子の青紫と黄緑を補色色相候補としてぶつけた多色配色。4色全体を単一の技法には断定しません。

デニムブルーグレー 17:B × 深い赤紫 23:rP

色相差 6 → 中差色相配色

ブルー/青 × レディッシュ・パープル/赤みの紫

デニムブルーグレー 17:B × 青紫 21:bP

色相差 4 → 中差色相配色

ブルー/青 × ブルーイッシュ・パープル/青みの紫

デニムブルーグレー 17:B × 黄緑 9:gY

色相差 8 → 対照色相配色

ブルー/青 × グリーニッシュ・イエロー/緑みの黄

深い赤紫 23:rP × 青紫 21:bP

色相差 2 → 類似色相

レディッシュ・パープル/赤みの紫 × ブルーイッシュ・パープル/青みの紫

深い赤紫 23:rP × 黄緑 9:gY

色相差 10 → 対照色相配色

レディッシュ・パープル/赤みの紫 × グリーニッシュ・イエロー/緑みの黄

青紫 21:bP × 黄緑 9:gY

色相差 12 → 補色色相配色

ブルーイッシュ・パープル/青みの紫 × グリーニッシュ・イエロー/緑みの黄
配色技法の該当・非該当を見る
  • 補色色相配色部分的に該当

    帽子内の近似21:bPと9:gYは、24色相環で向かい合う候補です。

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

    黄緑は、デニムの青系やシャツの赤紫と大きな色相差をつくります。

  • 類似色相配色部分的に該当

    シャツの23:rPと帽子の21:bPは紫の仲間としてつながります。

  • セパレーションカラー部分的に該当

    パレット外のグレーのネクタイが、紫のシャツと青みのデニムの間を休ませます。

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

    全体の色相は一方向へ統一せず、青系・紫系・黄緑を役割で共存させています。

色相差の分類は、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デニムブルーグレー / #7C8081 / #7C8081 / 214° / OKLCH 0.597 0.0052深い赤紫 / #653658 / #653658 / 338° / OKLCH 0.404 0.0823青紫 / #855EB1 / #855EB1 / 304° / OKLCH 0.558 0.1304黄緑 / #A89E57 / #A89E57 / 101° / OKLCH 0.692 0.093
  1. デニムブルーグレー #7C8081 / 214°
  2. 深い赤紫 #653658 / 338°
  3. 青紫 #855EB1 / 304°
  4. 黄緑 #A89E57 / 101°

セグメントは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の正式な色相配色分類ではありません。

デニムブルーグレー × 深い赤紫

大きく離れた色相位置

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

デニムブルーグレー × 青紫

大きく離れた色相位置

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

デニムブルーグレー × 黄緑

大きく離れた色相位置

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

深い赤紫 × 青紫

近い色相位置

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

深い赤紫 × 黄緑

大きく離れた色相位置

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

青紫 × 黄緑

大きく離れた色相位置

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

大きく離れた色相位置

candidate

デニムブルーグレーと深い赤紫のOKLCH色相差は124°。大きく離れた色相位置として表示しています。

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

近い色相位置

candidate

深い赤紫と青紫のOKLCH色相差は34°。近い色相位置として表示しています。

不足:実物の測色値、服上の面積比、照明・素材条件代替候補:近い色相位置として読む/同日の記録として物語を読む計算:確定/実物との一致:未測色/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.199930, 0.213083, 0.23824253.265, -1.392, -1.09253.265, 1.769, 218°0.597, 0.005, 214°
深い赤紫0.084475, 0.061101, 0.09965129.742, 25.290, -11.09129.742, 27.615, 336°0.404, 0.082, 338°
青紫0.216097, 0.161664, 0.43568446.854, 29.087, -38.70146.854, 48.413, 307°0.558, 0.130, 304°
黄緑0.300964, 0.334677, 0.13889564.805, -3.552, 38.17764.805, 38.342, 95°0.692, 0.093, 101°

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

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

  • #7C8081 — 入力ハッシュ 00897047
  • #653658 — 入力ハッシュ 0bb5900f
  • #855EB1 — 入力ハッシュ 192b498e
  • #A89E57 — 入力ハッシュ 6ef9f501

ORIGINAL POST

この日の元投稿

ABOUT

色相中毒者 / Palette Junkie

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

色を記録する理由を見る

KEEP DIVING

次はどの色の沼へ?

KEEP NOTICING

関連する色の記録