いろいろ色彩情報館 -いろどりきぶん-
【メインページ】

▼【光とは】

光は電磁波の一種であり、水の波紋のような波動の状態でもあるし、原子のような粒子の振る舞いも見せる。とても不思議なもの。
跳ね返った波長は私達の目に入ってきて色を知覚することができる。
一番左が紫、一番右が赤になっており、これをスぺクトルと呼ぶ。
かの有名なニュートンが音楽になぞらえて７色にしました。（それまではもっと少なかったです）

すべてを跳ね返すと白に見え、すべてを吸収すると黒になる。
黒色は全波長を吸収してしまうので、熱を持ちやすくなる。
光の速度は１秒間に地球を7週半できるスピードです。「光の速度＝299792458 m/s≒30万キロメートル毎秒」
ここから先は高度な物理学の世界に入ってしまうので割愛します。

光に関しては「２重スリットの実験」や「特殊相対性理論」あたりが面白いですよ。 ２重スリットの実験を見るとわかる通り、光の特性である波動と粒子の状態は同時に観測できません。
でも、最近では波長と粒子の状態を同時に観測できたみたいですね。（管理人はあまり理解できていませんが......）

スペクトル図 【スペクトル図】 これがプリズムで分光された色になります。 人間の見えている範囲はずっと狭いです。鳥とか昆虫は紫外線・赤外線の外も一部見えているそうです。 紫外線とか赤外線ってよく聞きますよね。 あれはこのスペクトルの外側のことを言っています。 ちなみに、英語の意味は、赤外線「Infra Red（赤を下回る）」、紫外線では「Ultra Violet（紫を超える）」といいます。 特に紫外線は人類にとってとても有害なもので、地球の大気中に存在するオゾン層によって守られています。 閉じる 【スペクトル図】

▼【色相環】

色相環とは色を秩序的に並べ、自然に表現した輪っか状のもの。
他にも、マンセル色相環、オストワルト色相環、ＮＣＳ、ＣＵＳなど、国や状況に応じて活用できる様々な色相環がある。
パーソナルカラーだと、色相環をさらにイエローアンダートーンとブルーアンダートーンに分けたりします。
一般の方は「色に迷った時に参考になるもの」程度に覚えておこう！

▼【トーン（色調）】

各団体によって種類や数が変わりますが、基本的に以下の１２色調＋グレースケールはメジャーだと思います。

vivid tone（ビビッド）【イメージ：鮮やかな/派手な/活き活きとした/目立つ/さえた】

bright tone（ブライト）【イメージ：明るい/健康的な/陽気な/華やかな】
strong tone（ストロング）【イメージ：強い/くどい/動的な/情熱的な】
deep tone（ディープ）【イメージ：深い/濃い/充実した/伝統的な/和風な】

light tone（ライト）【イメージ：浅い/澄んだ/子供っぽい/楽しい】
soft tone（ソフト）【イメージ：柔らかな/穏やかな/ぼんやりとした】
dull tone（ダル）【イメージ：鈍い/くすんだ/中間色的】
dark tone（ダーク）【イメージ：暗い/大人っぽい/丈夫な/円熟した】

pale tone（ペール）【イメージ：薄い/軽い/あっさりとした/弱い/女性的/若々しい/優しい/淡い/かわいい】
light grayish tone（ライトグレイッシュ）【イメージ：明るい灰みの/落ち着いた/渋い/おとなしい】
grayish tone（グレイッシュ）【イメージ：灰みの/濁った/地味な】
dark grayish tone（ダークグレイッシュ）【イメージ：暗い灰みの/陰気な/重い/男性的/固い】

gray scale（グレースケール）【一番左の無彩色コーナーです。黒（1.5）から白（9.5）までのスケールです】


tint color（ティント：明清色）【「bright」「light」「pale」の３つ】
tonal color（トーナル：中間色、濁色）【「strong」「soft」「dull」「light grayish」「grayish」の５つ】
shade color（シェード：暗清色）【「dark grayish」「dark」「deep」の３つ】
vivid color（ビビッド：純色）【これ以上鮮やかにならないもの】

ＰＣＣＳトーン配置図 【ＰＣＣＳトーン配置図】 ＰＣＣＳトーンに対応した配置図です。 閉じる 【PCCSトーン配置図】

ＰＣＣＳ類似トーン 【ＰＣＣＳ類似トーン】 ＰＣＣＳトーンにおいての類似トーンです。 隣り合ったトーンは類似となり、組み合わせる事で自然な配色を生み出します。 ドミナントカラーやトーンオントーンなどで活用できます。 無彩色においても同様に隣り同士では類似となります。 使い方は以後の項目「色彩調和法」で確認くださいな。 閉じる 【PCCS類似トーン】

ＰＣＣＳ対照トーン 【ＰＣＣＳ対照トーン】 ＰＣＣＳトーンにおいて、対照色調に関しての資料です。 矢印の示す方向同士の色調はお互いに対照の色調になっています。 使い方は以後の項目「色彩調和法」で確認くださいな。 閉じる 【PCCS対照トーン】

▼【ＰＣＣＳ色相環】

日本色研配色体系が開発した「Practical Color Co-ordinate System（PCCS）」のこと。
「色相」「明度」「彩度」の三属性と「トーン（色調）」の概念を持ち、色彩調和を目的として作られています。
色彩検定などの勉強の際に必要になる知識ですので、勉強中の方はまるっと覚えましょう。

「PCCS色相環においての各色の名称」
vividのトーン表に書いてある２４の数字とアルファベットは以下の意味を表します。
書き方は色彩検定テキストに準拠しますね。
小文字のアルファベットには「ish」を付け、「～イッシュ」と読みます。
これは「～みの」となり、その色味が入った色という意味です。
例：bG【ブルーイッシュ　グリーン＝青みの緑】　「青みを感じる緑色」という事になりますね。

1:pR/purplish Red/紫みの赤
2:R/Red/赤★
3:yR/yellowish Red/黄みの赤△
4:rO/reddish Orange/赤みの橙
5:O/Orange/橙
6:yO/yellowish Orange/黄みの橙

7:rY/reddish Yellow/赤みの黄色
8:Y/Yellow/黄▲★
9:gY/greenish Yellow/緑みの黄色
10:YG/Yellow Green/黄緑
11:yG/yellowish Green/黄みの緑
12:G/Green/緑△★

13:bG/bluish Green/青みの緑
14:BG/Blue Green/青緑
15:BG/Blue Green/青緑
16:gB/greenish Blue/緑みの青▲
17:B/Blue/青
18:B/Blue/青★

19:pB/purplish Blue/紫みの青△
20:V/Violet/青紫
21:bp/bluish purple/青みの紫
22:P/Purple/紫
23:rP/reddish Purple/赤みの紫
24:RP/Red Purple/赤紫▲

■8Y、16gB、24RPは色材の３原色▲。
■3yR、12G、19pBは色光の３原色△。
■2R、8Y、12G、18Bは心理四原色★。

■1pR～8Yまでは暖色系【暖かく感じる色たち】
■13bG～19pBまでは寒色系【寒く感じる色たち】
■それ以外は中性色系【どちらも感じない色たち】
色によって実際に暖かく感じたり寒く感じたりと、脳が錯覚してしまうので、使う場所には注意してくださいね。

PCCS色番号と３つの原理 【PCCS色番号と３つの原理】 閉じる 【PCCS色番号と３つの原理】

▼【配色比率】

全体の配色をベースカラー（基調色）、アソートカラー（配合色）、アクセントカラー（強調色）の３つに分けて考える方法。
最大数値を「１０」とした時、ベースカラーは「６」、アソートカラーは「３」、アクセントカラーは「１」と考えると全体がまとまって見える。

【ベースカラーとは】文字通り基盤となる色のこと。面積が一番広い部分。
【アソートカラーとは】全体的に見てちょくちょく見られる色となる部分。
【アクセントカラーとは】一番小さい面積の部分。色は全体を見て、補色にしたりすると、より映えます。

もちろん比率は多少前後しても調和して見えますよ。
好きな比率を見つけてください。
ちなみに、ベース・アソート・アクセントを分割する方法もあります。
何かで配色に迷ったら、こういった手法が手ばやく配色できますね。
他にも黄金比(1.618...)や白銀比(1.4142...)なんてもありますね。
これは画面全体の構図や物体の比率を決めるときの手がかりになります。

配色比率 【配色比率】 配色比率はあくまで参考程度にご覧ください。 全体を複雑に配色したい場合は、個々に比率を決めて配色してみください。 ここらへんは個人のさじ加減ですね。 閉じる 【配色比率】

配色比率の利用例 【配色比率の利用例】 例にならって、普通に配色しちゃうとこんな感じになります。 このままではアニメ塗りっぽいですね。 っていうか、ファッションではアクセントをバッグや靴、帽子、リボンなどのアクセサリーに使うと効果的です。 閉じる 【配色比率の利用例】

▼【心理四原色】

※こちらは一括ダウンロードに含まれておりません。

ヘリングの心理四原色と呼ばれる「色覚学説」の一つ。
難しい話をすると、人間の目には３つの錐体（すいたい）と杆体（かんたい）があります。

【３つの錐体とは......】
Ｒ錐体（ロング：長波長のこと。赤系統の色を知覚）
Ｍ錐体（ミドル：中波長のこと。緑系統の色を知覚）
Ｓ錐体（ショート：短波長のこと。青系統の色を知覚）
ちなみに色覚特性（色盲や色弱）の方はこの３つの錐体のいずれか、またはすべてが欠如して起こる病です。

【杆体とは......】
明るさに対する、明暗を判断する細胞です。

いままでは、赤・緑・青の３つの混色によって知覚しているというものでした。
でも待って！　緑と赤を混色すると黄色にはなるけれど、実際の黄色にはどっちの色味も感じないよね。
だから、これは間違っている！　ってのでドイツの心理学者のヘリングさんが異議を唱えました。
赤色を見続け、白い壁などに目を移すと見続けた部分に青緑色の残像が見えますよね。黄色にはなりません。（これは心理補色といいます）
これは向かい合った色同士は補色関係になっているためです。
（手術の際、医者の服装及び患者にかぶせる布は、血液の赤に対して青緑となっています。これは、補色を利用することによって色の見間違いによる失敗を防いでいます）

補色関係 【補色関係】 青と黄、赤と緑。これらは向かい合っていますよね。これが補色です。 閉じる 【補色に関しての資料】

絵具のような物理的なものでは混色すると黄色になるけども、心理的には黄色が別にあるよねって話です。
赤・青・緑・黄は他に色味を感じない特別な色です。
これがヘリングの唱えた心理四原色です。これに白と黒も加わってます。（白と黒も他に色味を感じませんよね）

簡単に説明すると、目で見たとき網膜上の視細胞レベルでは赤・緑・青（３つの錐体ですね）で知覚、そのあとの 視神経～脳で赤・緑・青・黄（心理四原色）で処理して色を知覚するというもの。

心理的知覚を利用した色相環が、スウェーデンの工業規格に採用されている「NCS(Natural Color System)」です。
心理的尺度に基づいて、色の見た目だけで判断するカラーシステムになっています。

▼【色光の３原色】

重ねると白色になる３つの色RGB（赤・緑・青）のことです。
加法混色ともいい、ヤング＝ヘルムホルツの三色説と呼ばれる「色覚学説」の一つ。
光を当てて白色を作ろうとした場合、赤・緑・青の３色を均等に100%ずつ照らせば、白色の光が作りだせます。
（100%ずつっていうのが重要で、少しでも偏らせると、完全な白にはなりません。色味の感じる白になります）

最近ではテレビやモニターなどで、他の色を発光させて、色をより鮮明に発色させる技術もありますね。
「赤・緑・青」３色では限界があるということです。
アナログ作品の色を見るとき、5000k（ケルビン）あたりの蛍光灯を使うとその色の、真実に近い色を見れます。
（真実の色を見るには、見方とかその他条件がありますが）
色を均等に含んだ光の白に近い商品（演色性AAAのもの）も発売してますので、完璧主義者の方は参考にしてみてください。
（一般的な家電屋さんには売ってないかも......）
色を誤って見てははいけない場所、色検査や病院の重要なところで利用されています。
ケルビン（色温度）については割愛。

加法混色 【赤(R)緑(G)青(B)混色】 モニターやスマホの画面、ＬＥＤ電球などで利用。 閉じる 【色光の３原色】

▼【色材の３原色】

主に印刷の混色などで見られます。CMY（ｼｱﾝ、ﾏｾﾞﾝﾀ、ｲｴﾛｰ）の３色のことです。
減法混色ともいいます。
塗り重ねると黒になっていきます。

ただ、ｼｱﾝ、ﾏｾﾞﾝﾀ、ｲｴﾛｰをただ混ぜても、鮮明な黒にはなりません。
いくらか色味のついた黒が出来上がるはずです。
もっと黒を鮮明にしたいので、もともと黒で調合したK（ﾌﾞﾗｯｸ）を使います。
(Kは諸説あり、BlackのK、KuroのK、Key PlateのKなど)
なので、より鮮明な色を作るため印刷技術ではCMYKと呼ばれるプロセスカラーを使っています。

実際CMYKだけではより綺麗な色表現はできません。
一般プリンターなどでは８色インクや１０色インク、印刷業界ではDIC（特色）を使ってより正確で綺麗な色表現をしています。

減法混色 【ｼｱﾝ(C)ﾏｾﾞﾝﾀ(M)ｲｴﾛｰ(Y)ﾌﾞﾗｯｸ(K)混色】 プリンターや印刷技術などに利用。一般的なボールペンなどにも利用されており、 ボールペンの黒は具体的には黒ではありません。時間が経つと青っぽくなったり、 こすったりすると色がついて見えるのはこのためです。 （メーカーによって色の配合量が違うので、手持ちのペンでどんな色になるのか試してみるのも面白いかも） 閉じる 【色材の３原色】

▼【色彩調和法】

ある一定の規則に従った色同士は調和することができます。
以下に示すのは、基礎知識としての配色法一覧です。
困った時にこの理論を思い出せば簡単に色を選ぶことができます。
まぁ、ココよりさらに詳しいサイトもあるので、こんな名称あるんだー程度にご覧ください。
あと、これ作ってるときvividだと目がチカチカして疲れたので、パステルカラーで紹介させてください。

■【アイデンティティ[Identity]】（同一）■

同じ色相内で明度・彩度をずらして配色する方法。明度や彩度の違う同じ色を重ねることで、単調な色にも変化を付けることができます。

例1

例2

■【アジェイセント[Adjacent]】（隣接）■

隣り合った色で配色する方法。アイデンティティより少し色味をずらします。変化は曖昧ですので、明度・彩度を大きく差をつけるのが良いですが、パステルカラーだといい感じに馴染んでいて、かわいくて好みです。

例1

例2

例3

■【アナロジー[Analogy]】（類似）■

アジェイセントよりさらに差をつけた配色方法。起点より差がついているので、より明快な配色が簡単にできるので、洋服を重ね着する場合などの色決めの手がかりにできます。

例1

例2

■【インターミディエート[Intermediate]】（中間）■

90度前後の配色になるため、同じ明度や彩度にすると目がチカチカして見えてしまうので注意。グレアー効果などとも呼ばれる。解消には中間に白や反対色を挟むと緩和できる。

例1

例2

■【オポーネント[Opponent]】（反対）■

オポーネントは、相手または反対の意味を持つ配色方法です。ダイアードまたはコンプリメンタリーよりマイルドな配色を得る事ができます。

例1

例2

■【コンプリメンタリー[Complementary]】（補色隣接）■

相補的、お互いに補い合っているという意味の配色です。２色で明快に配色したいときに役に立ちます。

例1

例2

■【スプリットコンプリメンタリー[Split Complementary]】（分裂補色）■

分裂補色という名の通り、補色を分裂させた３つの配色になります。補色を２つ使うという配色なため、明快な配色ができます。

例1

例2

■【ダイアード[Dyads]】（補色）■

ダイアードは完全に反対側同士の配色になります。

例1

例2

■【トライアド[Triads]】（３等分）■

トライアドは色相環を３等分した配色になります。

例1
例2

■【テトラード[Tetrads]】（４等分）■

テトラードは色相環を４等分した配色になります。

例1
例2

■【ペンタード[Pentads]】（５等分）■

ペンタードは色相環を５等分した配色になります。色相が少ない場合はトライアド＋白と黒を配合します。

例1
例2

■【ヘクサード[Hexads]】（６等分）■

ヘクサードは色相環を６等分した配色になります。色相が少ない場合はテトラード＋白と黒を配合します。

例1
例2

その他の配色方法。

■【モノクローム】（単色）■

モノクロというと、白黒を思い浮かべますが、意味だけで捉えるなら一つの色（単色）のことを言います。ピンク一色でもモノクロといいます。モノ（単一）クローム（色）。一般的には白黒のグラデーションなどの２色以上を使った画像もモノクロと呼びます。セピアカラーなんかもモノクロっていいますね。

例1			例2
例3

■【ビコロール】（バイカラー）■

英語でバイカラーといいます。２色の色で構成された配色。明度差や色相差で明快な印象を作ることができる

例1

例2

■【トリコロール】■

３色で構成された配色。一番目に浮かぶのは国旗じゃないでしょうか。各国の国旗の色や形には意味や願い、思想などがあって奥が深いですよ。さて、以下に示している国旗は何かわかりますか？　答えはこのページのソースコードに書いてありますけど、見なくてもわかるよね？

問1				問2
問3				問4

■【ドミナントカラー】■

ドミナントとは「支配」という意味。色相をまとめて、トーンで変化をつける。似た色同士が全体を支配しているように見える配色方法。例１は森のイメージ、例２は太陽のイメージ、みたいな感じ。この配色方法はイラストでも最も活躍できる配色方法。全体をひとつの色の集まり（同系色）で表現するので、安定したまとまりが生まれるため、色を迷いがちな初心者におすすめ。

例1
例2

■【ドミナントトーン】■

こっちはトーンでまとめて、色相で変化をつける。例１はペールトーンでまとめ、例２はソフトトーンでまとめた。
トーンが同じなので、とってもまとまって見えます。

例1
例2

■【カマイユ】■

色同士が曖昧な感じ。でもしっかりと色がついています。カーペットとか織物に多い配色。うまく使うとシンプルながらに豪華なイメージを与えることができます。遠くから見ると１色に見えるけど、近くで見ると違う色味が感じられるような配色。

例1

例2

■【フォカマイユ】■

カマイユよりさらに差をつけた配色。

例1

例2

■【トーンオントーン】■

「トーンを重ねる」という意味の配色です。トーン表を見て、トーン同士を重ねていくことで明快な配色ができます。
トーン表において、隣り合ったトーン同士で配色することです。

例1

例2

■【トーンイントーン】■

「トーンの中で」という意味の配色です。１つのトーンの中、もしくはその周辺のトーン（類似色調）でしか配色しません。なので、自然な明度の配色が出来上がります。

例1
例2

色彩調和法 閉じる