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色相の番号・略記・色名を全部見る
- 1pR紫みの赤
- 2R赤
- 3yR黄みの赤
- 4rO赤みのだいだい
- 5Oだいだい
- 6yO黄みのだいだい
- 7rY赤みの黄
- 8Y黄
- 9gY緑みの黄
- 10YG黄緑
- 11yG黄みの緑
- 12G緑
- 13bG青みの緑
- 14BG青緑
- 15BG青緑
- 16gB緑みの青
- 17B青
- 18B青
- 19pB紫みの青
- 20V青紫
- 21bP青みの紫
- 22P紫
- 23rP赤みの紫
- 24RP赤紫
- デニムブルーグレー #7C8081 → 17:B / 近似 g17
- 深い赤紫 #653658 → 23:rP / 近似 dk23
- 青紫 #855EB1 → 21:bP / 近似 d21
- 黄緑 #A89E57 → 9:gY / 近似 sf9
※4色はsRGB代表色からの近似分類。図の色は正式色票の再現ではありません。
PRIMER / ATTRIBUTES
色相・明度・彩度とは?
色を見るときの、3つのものさし。
- 色相何色?
- 明度どれくらい明るい?
- 彩度どれくらい鮮やか?
04 / TONE
PCCS 12トーン|色の気分が住む星図
トーンは、明度と彩度をまとめて捉えた「色の調子」。
星を選ぶと、正式名と調子がここに現れます。
4色は、同じトーンではありません。僕には、この少しずつ違う調子がコーデのリズムに見えました。
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色相角の位置に表示しています。
- デニムブルーグレー #7C8081 / 214°
- 深い赤紫 #653658 / 338°
- 青紫 #855EB1 / 304°
- 黄緑 #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。ここで表示する「近い・離れている・反対側に近い」は、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秒で自分の服を試すなら
- 上下を同じ素材でつなぎ、最初に大きな土台をつくる。
- シャツ・ネクタイ・帽子の形で、顔まわりをクラシックに整える。
- 土台と違う色は、まず顔まわりへ小さく置く。
- その色を帽子かパンツでもう一度だけ繰り返す。
色を減らす前に、色の役割を変えてみよう。
TAKEAWAY
今日、持ち帰る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は相対比較用に使います。
| 色 | XYZ D65 | Lab D50 | LCh D50 | OKLCH |
|---|---|---|---|---|
| デニムブルーグレー | 0.199930, 0.213083, 0.238242 | 53.265, -1.392, -1.092 | 53.265, 1.769, 218° | 0.597, 0.005, 214° |
| 深い赤紫 | 0.084475, 0.061101, 0.099651 | 29.742, 25.290, -11.091 | 29.742, 27.615, 336° | 0.404, 0.082, 338° |
| 青紫 | 0.216097, 0.161664, 0.435684 | 46.854, 29.087, -38.701 | 46.854, 48.413, 307° | 0.558, 0.130, 304° |
| 黄緑 | 0.300964, 0.334677, 0.138895 | 64.805, -3.552, 38.177 | 64.805, 38.342, 95° | 0.692, 0.093, 101° |
- 色彩検定協会「色彩の基礎LESSON」— 色相・明度・彩度・トーン・PCCSの学習用語
- 日本色彩研究所「PCCSとは」— 24色相とトーンの概念
- CSS Color Module Level 4— 発行主体:W3C / CSS色表現とOKLCHの参照
- Why is the media white point of a display profile always D50?— 発行主体:International Color Consortium(ICC D50) / D50白色点の根拠
- CIE CIEDE2000— 発行主体:CIE / CIEDE2000色差式の根拠
- 日本色彩研究所「PCCSとは」 — 今回の対象記事のPCCS近似候補・配色技法監査の参照
- 色彩検定協会「2級出題例」 — 今回の対象記事のPCCS近似候補・配色技法監査の参照
- 色彩検定協会「公式テキスト2級目次」 — 今回の対象記事のPCCS近似候補・配色技法監査の参照
参照日:2026-08-24(各資料のURLは上記リンク)
- #7C8081 — 入力ハッシュ 00897047
- #653658 — 入力ハッシュ 0bb5900f
- #855EB1 — 入力ハッシュ 192b498e
- #A89E57 — 入力ハッシュ 6ef9f501
ORIGINAL POST
この日の元投稿
KEEP DIVING



