色を「温い」または「冷たい」にするものは何か
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
「温い」と「冷たい」という用語は、デザインと芸術で最も一般的に使用されているもので、最も頻繁に誤解されているもの。一見すると、ルールは単純に聞こえます:赤は温かい、青は冷たい。しかし、経験豊富なデザイナーと画家はすぐに、文脈に応じて青が赤より温かく見えることを発見しています。これを理解するには、単純なルール以上に行く必要があります。色温度の根本的なロジックへ。
温度メタファー
色と温度の関連付けは、人間の感覚体験に根ざしており、数千年前に遡ります。火 — 人間の歴史のほとんどの主要な熱源 — 赤、オレンジ、黄範囲で色を生成します。空、水体、および雪や氷で投げられた影は、青、青-緑、および青-紫に見えます。
これはただ詩的なではありません。温度と色の間に直接的な物理的関係があります。オブジェクトが加熱されるとき、それは光を発生させます — これは黒体輻射と呼ばれます。温かいオブジェクトは赤-オレンジに輝きます(電気ストーブのコイルを思い出します)。より熱くなると、オレンジ、黄、黄白、青白にシフトします。星はこのように分類されます。Betelgeuseのような赤い星は比較的涼しい(〜3,500 K)であり、Rigelのような青白い星は10,000 K以上で燃えます。
これが、色温度の写真の概念が初心者にとって直感的ではない理由です。写真と照明では: - 温い(赤-オレンジ)光は低ケルビン値に対応しています(2,000-3,500 K):ろうそくの火、タングステン電球、ゴールドアワーの日光。 - 冷い(青-白)光は高ケルビン値に対応しています(5,500-8,000 K):曇った空、電子フラッシュ、日光。
用語は、私たちの心理的な関連付けではなく、光源の物理的な温度を追跡するため、期待を逆転させます。デジタルカラーで16進数とRGBで働くデザイナーにとって、この区別は知る価値があります。色理論で使用される従来の温-冷言語は変わりません。
色の輪の分割
標準的な12色の輪では、温い側と冷い側は次のようにおよそ分かれています。
温い半分(HSL色条件でおよそ0° - 150°および330° - 360°): - 赤-紫・マゼンタ(〜330° - 350°) - 赤(〜0° - 10°):#FF0000 - 赤-オレンジ(〜10° - 20°):#FF4500 - オレンジ(〜20° - 40°):#FF8000 - 黄-オレンジ(〜40° - 55°):#FFAE00 - 黄(〜55° - 65°):#FFFF00 - 黄-緑(〜65° - 100°):#9ACD32
冷たい半分(HSL色条件でおよそ150° - 330°): - 緑(〜120° - 150°):#008000 - 青-緑(〜150° - 190°):#00CED1 - 青(〜190° - 260°):#0000FF - 青-紫(〜260° - 290°):#8A2BE2 - 紫・紫(〜290° - 330°):#800080
分割線は特に黄-緑の1つの側面と赤-紫・マゼンタの周辺がやや曖昧です。これらの転移ゾーンは、いくつかのシステムによって中立と見なされ、他では温いと見なされます。
Palette Generatorを使用して、温い側または冷たい側に限定されたパレットを構築します。これは、調子を統一した色スキームを作成するための基本的なテクニックです。
相対温度:より重要なルール
ここで、色温度が本当に興味深く、しばしば見落とされるようになります。色温度は相対的で、絶対的ではありません。色は固定温度を持たない — 周囲のものに応じて変わります。
ブルーを考えてください。#0000FFは明確に冷い色です。しかし、多くの青があり、それらは温度が異なります。
| 青 | 16進数 | 温度の比較 |
|---|---|---|
| ウルトラマリン | #4169E1 | 比較的温かい青(赤のアンダートーン) |
| セルリアン | #2A52BE | 中立-冷青 |
| プルシアン青 | #003153 | 冷い青(わずかな緑のアンダートーン) |
| フタロ青 | #000F89 | 非常に冷い青(強い緑のアンダートーン) |
| セルリアン(緑バイアス) | #007BA7 | 冷い青(緑シフト) |
画家に色を混ぜるため、ウルトラマリンは温い青です。その赤味のアンダートーンは、青スペクトラムの温い側に押しやります。フタロまたはセルリアンは冷い青です。その緑のアンダートーンは、青スペクトラムの冷い側に押しやります。両方とも青です。しかし、それらは色の混合と視覚的知覚で異なる動作をします。
同じロジックが赤に適用されます。 - カドミウム赤・バーミリオン #E34234 — 温い赤、わずかなオレンジバイアス - アリザリンクリムゾン・カルミン #960018 — 冷い赤、わずかな青・紫バイアス
そして黄に。 - カドミウム黄 #FFF44F — 温い黄、わずかなオレンジバイアス - レモン黄 #FFF44F — 冷い黄、わずかな緑バイアス
この相対的システムは、色がどのように混ぜるかに影響するため、画家にとって重要です。2つの温い色を混ぜると、きれいな純粋な結果が得られます。温い色を冷い色と混ぜることは、しばしば泥だらけの、灰色の色合いを生成します。対手色チャネルが相互に干渉するため。
デジタルデザイナーの場合、実際の意味は隔離ではなく、近所に対する色の温度を評価です。
文脈依存性と同時コントラスト
色温度の視覚的知覚は、周囲の色に基づいて劇的に変わります。これは同時コントラストのインスタンスです。同じ色合いはさまざまな背景に対して異なって見えます。
ミディアムグレイのような#808080は、冷たい青に囲まれているとき温かい(わずかにオレンジ色)に見え、温かいオレンジに囲まれているとき冷い(わずかに青い色)に見えます。灰色は変わりません。文脈だけがしました。
デザイナーはこれを意図的に利用できます。
- 冷い背景上の温いアクセント:単一の温い要素(たとえば#FF8C00(オレンジ)対冷い#2D4059(暗い青))は、生き生きとしてエネルギッシュとして読みます。温度コントラストは目を温い要素に引きます。
- 温い背景上の冷い要素:冷い#4A90D9(青)を温い#F5E6D3(クリーム)背景に見えます。落ち着きと信頼性として読まれます。この組み合わせはヘルスケアと金融で一般的です。
- オールウォーム・パレット:赤、オレンジ、黄に限定されたパレットは快適、精力的、食欲をそそる感じです。それはレストラン、食物、秋の季節デザインを支配します。
- オール冷パレット:青、緑、青-紫のパレットは落ち着き、専門的、信頼できるように感じます。それはテクノロジー、ヘルスケア、金融ブランドの支配的なモードです。
白とグレー:中立だが温度なし
白と灰色は無色。それらは色合いを持っていません。しかし、それらはまだ周囲のアンダートーンに応じて知覚可能な温度を持っています。
| 色 | 16進数 | 温度のアンダートーン |
|---|---|---|
| 純粋な白 | #FFFFFF | 中立 |
| 温い白 | #FFF8F0 | 温い(クリーム・アイボリーキャスト) |
| 冷い白 | #F0F4FF | 冷い(わずかな青キャスト) |
| 温いグレー | #9E8F7B | 温い(褐色・グレージュ) |
| 冷いグレー | #8D9EAB | 冷い(青灰色・スレート) |
これが、インテリアデザイナーと画家が白いペンキサンプルについて執着する理由です。北向きのさせた壁に「温い白」を配置して、冷たい青の日光を獲得するだけで、部屋が冷たくてくすんで感じることができます。ペンタがあるはずですが。周囲の光の色とアンダートーンの間の相互作用は、結果を決定します。
色温度の心理的影響
温色と冷色は、環境心理学とマーケティング研究で研究されている現象である、異なる心理的と生理的反応を確実にトリガーします。
温色の効果: - 知覚室の温度を増加させます(温い色で描かれた部屋は物理的により温かく感じる傾向があります) - 緊急性の感覚を作成します。そのため、セールタグとクリアランス標識は赤またはオレンジ - 食欲を刺激します — ファストフードチェーンの赤と黄のカラー戦略を支えている重要な発見 - いくつかの実験状態での心拍数と覚醒を増加させます - ウェルカム、親密、エネルギッシュを感じます
冷色の効果: - 落ち着きと安全の感覚を作成します - 信頼性、能力、専門性に関連付けられます - 広々とした感じ — 壁の冷たい色は、温い色よりも部屋がより大きく感じることができます - 知覚時間を短縮します(冷たい色で描かれた待機室は、温い色を持つ待機室よりも短く感じます) - 信頼に関連付けられています。これは、金融、法律、ヘルスケアブランドで青の普及を説明しています
どちらの温度も本質的に優れていません。正しい温度は、デザインの感情的な目標と視聴者の文化的背景に完全に依存しています。
デザイナーの実践的なヒント
ヒント1:個々の色を選択する前に、パレットの支配的な温度を定義します
温いパレット、冷いパレット、またはバランスの取れたパレットが支配的かどうかを最初に決定します。これは、その後のすべての色選択をフレーム化します。Palette Generatorを使用して、温いアナログス(赤→オレンジ→黄)または冷いアナログス(青→青-緑→緑)の組み合わせを探索します。
ヒント2:温度コントラストを使用して注目を指示します
パレットが主に冷い場合、単一の温いアクセントが自動的にフォーカルポイントになります。これは、明るさやサイズだけを使用した強調よりもより優雅です。
ヒント3:温度をコンテンツの感情的なレジスターと一致させます
子どもの教育ブランドは温かい、精力的な色を呼び出します。データセキュリティ企業は冷たい、信頼できる青を呼び出します。温度とコンテンツの不一致は、潜在的な不協和を作成します — 色は技術的に美しいかもしれませんが、ブランドに対して間違った感じます。
ヒント4:ニュートラルのアンダートーンを監視します
グレー、ベージュ、オフ白を選択する場合は、アンダートーンをチェックしてください。温いバイアス灰色(#C4B8A8)は温いブランド色と一緒に快適に感じますが、冷たいパレット要素と衝突します。冷いバイアス灰色(#B0C0CC)は反対を行います。
ヒント5:分離ではなく、文脈でテストします
単独で白い背景に見たときに温かく見える色は、実際の背景色に対して配置されたときに異なって読むかもしれません。常に意図した文脈内でカラーペアリングを評価することによって温度の関係を評価します。
ヒント6:文化が温度の関連付けに影響することを理解します
黄は最もウェスタンコンテキストで温いですが、いくつかのラテンアメリカの伝統で喪に関連付けられています。緑は温-冷い境界に位置し、温い求めと冷い求めの聴衆によって異なる方法で解釈されます。赤は最もシステムで温いですが、中国の文化的文脈では冷たい領土に交差し、幸運と祝い。むしろ熱や危険よりも。
重要なポイント
- 温色(赤、オレンジ、黄とそれらの変種)熱、エネルギー、緊急性、食欲を呼び起こします。冷色(青、緑、紫とそれらの変種)落ち着き、信頼、専門性、空間を呼び起こします。
- 温-冷い分割は、色の輪で、黄-緑・緑と赤-紫・マゼンタの遷移でおよそ落ちます。
- 温度は相対的です:ウルトラマリンはフタロ青と比較してウォーム青です。アリザリンクリムゾンはカドミウム赤と比較してクール赤です。常に周囲の色と関連して温度を評価します。
- 同時コントラストは、周囲のものに応じて、同じ色が温いまたは冷たく見えます。
- 白とグレーは温度アンダートーンを持っています — 暖かい白はクリーム色またはアイボリーキャストに傾き、冷たい白は青またはスレートに傾きます。これらのアンダートーンは、スペースまたはデザインがどのように感じるかに大きく影響します。
- 温度コントラストをデザインツールとして使用します。冷たい背景に対する温いアクセントは、即座の焦点強調を作成します。
- Palette Generatorで温かいまたは冷たいパレットを体系的に構築して、デザインシステム全体を通じて調子の一貫性を維持します。