配色

色彩理論において、配色とは、美的または実用的なデザインに使用される2色以上のの組み合わせのことである。美的配色は、スタイルと魅力を演出するために使用される。一緒に見たときに調和のとれた感じを生み出す色は、美的配色でよく一緒に使用される。実用的な配色は、迷彩配色や視認性の高い配色など、色に関するタスクを抑制または促進するために使用される。質的配色と量的配色は、それぞれ順序付けられていないカテゴリデータと順序付けられたデータをエンコードするために使用される。配色は、多くの場合、カラーホイール上または色空間内での色の論理的な組み合わせとして説明される。[ 1 ] [ 2 ] [ 3 ]

調和のとれた計画

1855年にシェヴルールが作成した「彩色図」はRYB色彩モデルに基づいており、補色やその他の関係を示している。

調和のとれた配色は、美的色彩の目的を達成し、色の調和を高めるために設計されています。それらは、根本的な変数を表すものではありません。ロゴの配色は、通常、純粋に美的目的です。マーケティングにおける配色はトレードドレスと呼ばれ、オーウェンス・コーニングのグラスファイバーのピンク色のように、商標法またはトレードドレス法によって保護されることがあります。[ 4 ]

無彩色

強い彩度を持たない色は、不飽和色、無彩色、または近似ニュートラル色と呼ばれます。純粋な無彩色には、黒、白、すべてのグレーとベージュが含まれます。近似ニュートラル色には、茶色、黄褐色、パステルカラー、そしてより暗い色が含まれます。近似ニュートラル色は、あらゆる色相や明度を持つことができます。例えば、白い背景に黒い文字を使用する「無彩色」は、Webデザインにおける基本的な配色であり、一般的にデフォルトの配色パターンです。

ニュートラルカラーは、純色と白、黒、グレーを混ぜ合わせるか、補色同士を混ぜ合わせることで得られます。色彩理論では、ニュートラルカラーとは、隣接するより彩度の高い色によって容易に変化し、彩度の高い色の補色となるように見える色のことです。鮮やかな赤いソファの隣にグレーの壁があると、明らかに緑がかって見えます。

黒と白は、他のほとんどの色とよく合うことが昔から知られています。黒は、組み合わせた色の彩度明度を低下させ、白はすべての色相を同じように見せます。 [ 5 ]

単色

単色カラーの例

単色配色は、単一の色相、つまり黒、グレー、白を加えて調整された基本色相のすべての色(色合い、トーン、シェード)を含む場合があります。その結果、色相のコントラストが抑えられ、より繊細で穏やかなエネルギーが生まれます。

補完的

補色配色は、グレーを形成する2色、つまり色相環の反対側に位置する2色で構成されます。彩度の高い補色は、色のコントラストを最大化します。

スプリット・コンプリメンタリー(複合ハーモニーとも呼ばれる)配色は、ベースカラーと、ベースカラーから150度と210度離れた2色の3色で構成されます。スプリット・コンプリメンタリー配色は、補色配色と同様の鮮明な視覚コントラストを持ちながら、より圧迫感が少ない配色です。

類似

類似色配色(支配色調和とも呼ばれる)は、色相環上で互いに隣接する色のグループで、1 つが支配色(通常は原色または二次色)で、両側の 2 つが補色(通常は三次色)になります。これは通常、基本色と、基本色から 30 度と 330 度離れた 2 色で構成される 3 色の組み合わせになります。類似色配色は、暖色のみまたは寒色のみで構成され、温度が一定になる傾向があります。類似色配色を使用すると、豊かな半単色の外観が作成されます。ただし、この配色はコントラストに欠け、補色配色よりも鮮やかさが低くなります。赤、赤みがかったオレンジ、オレンジ、黄みがかったオレンジは、類似色セットの一例です。

近似配色は、ベースカラーと、ベースカラーから60度と300度離れた2色の3色で構成されます。近似配色は、類似配色と同じ一貫性を持ちますが、比較するとコントラストが高くなります。近似配色の例としては、赤、黄、マゼンタなどが挙げられます。

アクセント付き類似配色は、類似配色の補色をアクセントカラーとして加え、3つの類似色からなるドミナントカラーグループを作成し、そのうちの1つの直接補色(または近似補色)をアクセントとして加える配色です。補色のアクセントカラーは、ドミナントカラーグループに対して興味深いコントラストを生み出します。この配色は、暖色系のアクセントカラーを寒色系の類似配色と組み合わせたり、寒色系のアクセントカラーを暖色系の類似配色と組み合わせたりする際によく使用されます。

均等に間隔をあけた色相

3色配色の例

トライアド配色は、ベースカラーと、ベースカラーから120度と240度離れた2色からなる3色の組み合わせです。[ 6 ]この配色は、バランスと色の豊かさを維持しながら、鮮明な視覚的コントラストを生み出すため、アーティストの間で人気があります。トライアド配色は補色配色ほどコントラストは強くありませんが、バランスと調和を実現しやすい配色です。

テトラディック配色(二重補色とも呼ばれる)は、4つの色を2つの補色ペアとして配置する配色です。この配色は調和が難しく、支配的な色、あるいは抑制的な色が必要になります。4色すべてを同量使用すると、配色のバランスが崩れてしまう可能性があります。

  • 長方形配色は、基本色と、基本色から60度、180度、240度離れた3色からなる4色の組み合わせです。[ 7 ]
  • スクエア配色は、ベースカラーと、ベースカラーから90度離れた3つの色で構成される4色の組み合わせです。[ 8 ]

六色配色(三色補色配色、二重三色配色とも呼ばれる)は、基本色と、そこから60度、120度、180度、240度、300度離れた5色で構成される6色の組み合わせです。この配色では、6色を3つの補色ペアに配置します。あるいは、2つの三色配色、あるいは2つの類似配色、あるいは長方形の四色配色に補色ペアを追加したものと見なすこともできます。この配色の例としては、赤、黄、緑、シアン、青、マゼンタなどがあります。

実用的な計画

実用配色は、典型的な美的媒体や文脈の範囲外にある色を、純粋に実用的な理由から組み合わせるものであり、一般的に色の調和ではなく、コントラストの最大化または最小化に重点が置かれます。最も一般的な実用配色は白黒で、一般的にコントラストが最大化されます。これは、白い背景に黒い文字や囚人​​服などに使用できます。背景とのコントラストを高めることが、視認性の高い配色など、一部の実用配色に動機付けられますが、背景とのコントラストを抑制することが、迷彩柄など、他の実用配色に動機付けられます。

定性的なスキーム

質的カラー スキームはカテゴリ変数を表します。カテゴリ変数では、変数の可能な値は離散的で順序付けられていません。カテゴリ変数の例としては、順序付けられていない 50 個の値を持つ米国の州が挙げられます。質的カラー スキームは、一般的にカラー コードとも呼ばれます。一般的に、質的カラー スキームの色の数は、カテゴリ変数の可能な値の数に等しく、各値は 1 色にエンコードされます。ただし、各値を複数の色でエンコードすることで、色の総数を減らすことができます。例えば、25 ペア カラー コードでは、25 個の値を 10 色のみでエンコードし、各値にグループ A とグループ B からそれぞれ 5 色ずつ割り当てます。

定性的な配色は、調和的な配色と同様に設計できます。ただし、定性的な配色の目的は、美的色彩課題ではなく比較色彩課題を解決することであるため、配色内の色間の色差を強調することが、一般的に色の調和よりも重要です。

定量的なスキーム

定量的なカラースキーム(カラーマップと呼ばれることもある)は、変数の可能な値が順序付けられ、離散的または連続的な定量的なデータを表します。 [ 9 ]

  • 連続:滑らかな色のグラデーションを持つ配色。連続配色は、連続した順序付けられたデータの集合を表示することを目的としており、小さなデータの変化から大きなデータの変化まで表現できます。連続配色では通常、100を超える個別の色値が使用されます。
  • 離散的:連続的な配色の特定のサブセットのみを使用し、互いに明確に区別できる配色。離散的な形式の配色は、離散的なデータポイントの集合または範囲を視覚化することを目的としていますが、連続的なデータセットでもよく使用されます。

定量的な配色は、主題図チャートデータサイエンススプレッドシートなど、定量的なデータを視覚的に表現するグラフィックツールの基盤となります。ヒートマップコロプレス、その他の視覚化ツールでよく用いられます。これらの配色は、基になるデータの性質に応じて、様々なクラスに分類できます。これらの配色は、連続的または離散的である場合があります。[ 9 ]

モノクロの連続配色
部分スペクトルシーケンシャルカラースキーム
スペクトル配色
異なる配色
  • シーケンシャルスキームは、最小値と最大値の間の色グラデーションを形成する典型的な配色です。色グラデーションは、色相/彩度/明度などの3D色空間の軸のいずれかに平行になる場合もあれば、これらのパラメータのうち2つを同時に変化させる場合もあります。これにより、いくつかの一般的なシーケンシャルスキームが生まれます。
    • モノクローム配色では、単一の色相またはグレーの濃淡が使用されます。研究によると、人間はほとんどの色について数百の濃淡を見分けることができますが、実用上(つまり、地図上の濃淡と凡例の対応する濃淡を一致させる)区別できるのは5~8色に限られています。[ 10 ]
    • スペクトルスキームは、スペクトルカラーまたは色相の全範囲にわたるグラデーションを使用し、通常は値の変化はありません。色相は他の色相よりも「多い」または「少ない」ように自然には見えないため、ほとんどのデータではスペクトルスキームの解釈が困難になる場合があります。
    • 部分スペクトル配色はスペクトル配色のサブセットを使用します。これにより知覚密度は低下しますが、より直感的に表現できる傾向があります。また、色相のグラデーションに明度のグラデーションを重ね合わせることもよくあります。例えば、明るい黄色から濃い緑、明るいオレンジ色から濃い赤などです。
    • 科学的スキームは、知覚的に均一な色グラデーションを使用し、 CIELABなどの色空間の明度と青黄チャンネルをグラデーションに沿って同時に調整することで、色覚異常の方へのアクセシビリティを最大限に高めます。科学的スキームの詳細については、以下をご覧ください。
  • 発散スキームは、最小値と最大値に加え、ゼロ、中央値、偶数などを表す意味のある中心値を持つデータを表します。発散スキームは、2つの異なる連続スキーム(モノクロまたは部分スペクトル)で構成され、中心値を表す共通の色(通常は白)と、最大値と最小値を示す最も暗い色を共有します。発散スキームの主な用途は、中心値との関係を強調することです(視覚的階層の原則により)。
  • 循環スキームは、最小値や最大値を持たないデータ、すなわち角度データ、地形の傾斜、風向、季節性、あるいは地球の表面変位を表示するために使用される合成開口レーダー(SAR)干渉計のデータなどの周期的なデータセットを表します。循環スキームは、始まりも終わりもない色のグラデーションを使用するため、多くの場合、色相環色相次元に直接マッピングできるスペクトルスキームで表されます。

科学的に導き出された計画

3 つの科学的な連続カラー スキーム。

科学的に導き出された配色(または科学的カラーマップ)は、均一な色のグラデーションと色覚異常のアクセシビリティを組み込むことによって、従来の配色(レインボージェットなどのスペクトル配色)の改善を目指しています。 [ 9 ] 1990年代に、シンシア・ブリューワーは、特に色覚異常を持つ人々を対象に、地図上のデータ視覚化のためのさまざまな配色に関する多くの実験を行いました。[ 11 ] [ 10 ]最終的に、この作業により、複数のデバイスで再現可能で、色覚異常の人々が使用できるように設計された数十の配色のパレットが作成され、2002年にColorBrewer [ 12 ] [ 13 ]と呼ばれる対話型ツールにまとめられました。 [ 14 ] [ 15 ]このパレットは、専門家でない人でも確実に使用できるため、すぐに広く受け入れられ、GISやマッピングソフトウェア、その他の視覚化ツールに組み込まれる標準となっています。[ 16 ] [ 17 ] [ 18 ]ユーザーに直接配布されるだけでなく、一般的な視覚化ツールボックスに組み込まれているその他の既成の科学的カラースキームには次のものがあります。[ 9 ]

  • MPL(Matplotlib)カラーマップ(デフォルトのViridisを含む)はStéfan van der WaltとNathaniel Smithによって開発されました。[ 19 ]
  • Jamie R. Nuñezらが開発したCividisカラーマップ。 [ 20 ]
  • CMOceanカラーマップはKristen M. Thyngらによって開発された。[ 21 ]
  • CETカラーマップはピーター・コベシによって開発された。[ 22 ]
  • ファビオ・クラメリによって開発された科学的なカラーマップ[ 23 ] [ 24 ]

多変量スキーム

二変量または三変量スキームは、2つまたは3つの直交する連続スキームを用いて、別個の(しかし通常は関連する)変数を表し、様々な混合色によって異なる値の組み合わせを表します。このスキームは、各軸の色相が原色(黒の背景にRGB、白の背景にCMY)である場合に最も効果的です。これにより、混合色が可能な限り明瞭になります。適切に作成され、有利な地理的条件(変数が概ね一貫したパターンを示す傾向がある)がある場合、これらの配色は変数間の相関関係やその他のパタ​​ーンを視覚化するのに非常に効果的です。他の状況では、一見ランダムな色の混乱が生じる可能性があります。[ 25 ]

含意のあるスキーム

アメリカ独立記念日マイアミ上空で打ち上げられる花火は、アメリカ合衆国の国旗を象徴する赤、白、青の配色を基調としています。バンク・オブ・アメリカ・タワーも同じ配色でライトアップされます。

内包的な配色は、特定の文化的意味を示す色彩を用います。赤と緑の配色はクリスマス連想させます。一部の国では、赤、白、青の配色はアメリカ合衆国の国旗を連想させます。かつては定性的な配色であった、どこにでもある信号機の配色(赤、黄、緑)でさえ、「赤は停止」、「緑は進む」といった内包的な配色へと変化し、文化に定着しました。そして、その意味を通して、交通信号プロトコル信号機パーティーといった交通以外の分野にも取り入れられています。

文化の中で

ホテルの客室デザインにおいて、配色の好みと性別の間には関係性が見られました。男性客は男性的な配色を好む傾向があり、女性客は女性的な配色を好む傾向があります。[ 26 ]

参照

参考文献

  1. ^スティーブン・クイラー (2002). 『色彩の選択』 ワトソン・ガプティル. ISBN 0-8230-0697-2. 2017年12月24日時点のオリジナルよりアーカイブ。
  2. ^ジャッキー・ショー (1994). 『装飾画のビッグブック:描きがわからない人のための描き方と、上手に描ける人のための上達法』ワトソン・ガプティル. p.  49. ISBN 0-8230-0265-9.単色の分割補色類似配色。
  3. ^エディス・アンダーソン・フェイスナー (2006). 『色彩:アートとデザインにおける色の使い方』ローレンス・キング出版. ISBN 1-85669-441-0. 2017年12月24日時点のオリジナルよりアーカイブ。
  4. ^ Gordon V. Smith、Russell L. Parr (2005).知的財産:評価、活用、侵害損害賠償. John Wiley and Sons. ISBN 0-471-72433-5. 2014年1月2日時点のオリジナルよりアーカイブ。
  5. ^ 「色彩理論」 zedbi.com/。2014年10月24日時点のオリジナルよりアーカイブ。 2014年10月23日閲覧
  6. ^ 「Triadic Color Scheme」 . Tiger Color . 2005年7月6日時点のオリジナルよりアーカイブ。 2020年7月30日閲覧
  7. ^ 「長方形(四面体)のカラースキーム」 . Tiger Color . 2013年2月4日時点のオリジナルよりアーカイブ2020年7月30日閲覧。
  8. ^ 「Square Color Scheme」 . Tiger Color . 2005年7月6日時点のオリジナルよりアーカイブ。 2020年7月30日閲覧
  9. ^ a b c d Crameri, Fabio; Shephard, Grace E.; Heron, Philip J. (2020年12月). 「科学コミュニケーションにおける色誤用」 . Nature Communications . 11 (1): 5444. Bibcode : 2020NatCo..11.5444C . doi : 10.1038/s41467-020-19160-7 . ISSN 2041-1723 . PMC 7595127. PMID 33116149 .   
  10. ^ a b Brewer, Cynthia A.; MacEachren, Alan M.; Pickle, Linda W .; Herrmann, Douglas (1997). 「死亡率のマッピング:コロプレス地図の配色評価」Annals of the Association of American Geographers . 87 (3): 411– 438. Bibcode : 1997AAAG...87..411B . doi : 10.1111/1467-8306.00061 .
  11. ^ブリューワー、シンシア・A. (1996). 「地図上の分岐スキームにおける色彩選択のガイドライン」.カートグラフィック・ジャーナル. 33 (2): 79– 86. Bibcode : 1996CartJ..33...79B . doi : 10.1179/caj.1996.33.2.79 .
  12. ^ “Cindy Brewer” . www.personal.psu.edu . 2018年7月19日時点のオリジナルよりアーカイブ。 2020年12月8日閲覧
  13. ^ axismaps/colorbrewer、Axis Maps、2020年12月8日、 2020年12月8日閲覧
  14. ^ Brewer, Cynthia A.; Hatchard, Geoffrey W.; Harrower, Mark A. (2003). 「Color Brewer in Print: A Catalog of Color Schemes for Maps」.地図学と地理情報科学. 30 (1): 5– 32. Bibcode : 2003CGISc..30....5B . doi : 10.1559/152304003100010929 . S2CID 129427665 . 
  15. ^ Harrower, Mark; Brewer, Cynthia A. (2003). 「Color Brewer .org: 地図の配色を選択するためのオンラインツール」. The Cartographic Journal . 40 (1): 27– 37. Bibcode : 2003CartJ..40...27H . doi : 10.1179/000870403235002042 . S2CID 140173239 . 
  16. ^ Carto.com、地図デザインにおける色彩パート2 Carto.com
  17. ^ Kenneth Field、「ArcGIS Pro の新しいカラーパレットの作成」 ArcGIS ブログ、esri、2014
  18. ^ Jon Peltier、「Excel の条件付き書式を使用してヒートマップを作成する」 Peltier Tech Blog、2013 年 9 月 23 日
  19. ^ "matplotlib colormaps" . bids.github.io . 2020年12月25日閲覧
  20. ^ Nuñez, Jamie R.; Anderton, Christopher R.; Renslow, Ryan S. (2018年8月1日). 「色覚異常を考慮したカラーマップの最適化による科学データの正確な解釈」 . PLOS ONE . 13 (7) e0199239. arXiv : 1712.01662 . Bibcode : 2018PLoSO..1399239N . doi : 10.1371/ journal.pone.0199239 . ISSN 1932-6203 . PMC 6070163. PMID 30067751 .   
  21. ^ Thyng, Kristen; Greene, Chad; Hetland, Robert; Zimmerle, Heather; DiMarco, Steven (2016年9月1日). 「海洋学の真の色彩:効果的かつ正確なカラーマップ選択のためのガイドライン」 .海洋学. 29 (3): 9– 13. Bibcode : 2016Ocgpy..29c...9T . doi : 10.5670/oceanog.2016.66 . ISSN 1042-8275 . 
  22. ^ Kovesi, Peter (2015年12月). 「不適切なカラーマップは大きな特徴を隠蔽し、誤った異常値を生み出す」 . Aseg Extended Abstracts . 2015 (1): 1– 4. Bibcode : 2015ASEGA2015ab107K . doi : 10.1071/aseg2015ab107 . ISSN 2202-0586 . 
  23. ^ Crameri, Fabio (2020年1月6日)、Scientific colour mapsdoi : 10.5281/zenodo.1243862 、 2020年12月25日閲覧。
  24. ^ Crameri, Fabio (2018年6月29日). 「地質力学診断、科学的可視化、そしてStagLab 3.0」 .地質科学モデル開発. 11 (6): 2541– 2562. Bibcode : 2018GMD....11.2541C . doi : 10.5194/gmd-11-2541-2018 . hdl : 10852/71195 . ISSN 1991-9603 . 
  25. ^エルマー、ME 2013.「二変量主題図における記号の考察」第26回国際地図学会議議事録。8月25~30日、ドイツ、ドレスデン
  26. ^ Bogicevic, Vanja; Bujisic, Milos; Cobanoglu, Cihan; Feinstein, Andrew Hale (2018年2月12日). 「ホテル客室デザインにおける性別と年齢の嗜好」. International Journal of Contemporary Hospitality Management . 30 (2): 874– 899. doi : 10.1108/IJCHM-08-2016-0450 . ISSN 0959-6119 .