01の09
グレードスクールカラーミキシング
あなたが学校で学んだカラーホイールは、ウェブで使われている色と同じではないことを知っていますか? 印刷のために色が混ざり合っているのではないのですか? まあ、大丈夫、同じ色、ちょっと違うアレンジとミックス。
伝統的な(ペイントやクレヨンを考える)
- 従来の原色はRED、YELLOW、BLUEです。
- 補色または二次色を得るために2つの原色を混ぜる。
- 従来の補色は、オレンジ(赤+黄)、緑(黄+青)、紫(青+赤)です。
小学校では、原色を混ぜて新しい色をつける機会がたぶん多くありました。 それは魔法でした! インクで印刷するための混色はまったく同じではありません。 光とインクの原色は、塗料の赤、黄、青の原色と同じではありません。 実際、6つの原色があります。
カラーベーシックインデックス:
- グレードスクールカラーミキシング(このページ)
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
02の09
加算および減算原色
色を見る方法は、塗料を混ぜる方法とは少し異なります。 赤、青、黄の原色の代わりに、2種類の原色があります。 プリズムが色の虹に光の束を壊すのを見たことがあります。 可視スペクトルの光は、赤、緑、青の3つの色領域に分解されます。
- RED、GREEN、BLUE(RGB)ライトを追加して白色光を作成します。 Whiteを取得するために色を一緒に追加するので、これらを追加原色と呼びます。
スクリーン上の色は、赤、緑、および青の光の様々な量を混合することによって表示される。 加法原色は、通常、RGBオンスクリーンカラーモードを指します。 実際の赤、緑、青のインクやペイントを混ぜても白が出ない。
- RGB色のうちの1つを他の色から差し引くと、別の色が残ります。 RGBからREDを差し引いてCYANを残します。 RGBマイナスBLUEは黄色になります。 RGBからGREENを差し引いたMAGENTAは葉になります。 これらは、 サブトラクティブプライマリ (CMY)と呼ばれます。
シアン、マゼンタ、イエローのインク色は、黒色とともに、4色プロセス印刷(CMYK)で使用されます。 減法混色の原色のうちの2つを組み合わせると、補色原色の1つが得られる(例えば、シアン+イエローが緑を生成する)。 減法原色の3つすべてを混合すると、黒色になります(純粋な黒色ではなく、暗い黒色になります)。
次に、プリントとウェブ上で色を再現しようとする方法を見てみましょう。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算と減法の原色(RGB&CMY)(このページ)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
03の09
デスクトップパブリッシングにおけるRGBカラー
お使いのコンピュータのモニターが光を放つので、コンピュータがRED、GREEN、およびBLUEの3つのカラー領域(補色の原色)を使用して、見える色を再現することになります。
スクリーンやWeb向けの画像を扱う際には、色の赤、緑、青の量で色を指定します。 グラフィックスソフトウェアでは、これらの数字は次のようになります。
- 255赤255緑0青
または - 255R 255G 0B
または - RGB:255,255,0
または - FFFF00(#FFFF00と書くことができます)
これらはすべて黄色を表します。 1〜255の数値は赤、緑、または青の各色の量を示し、255は純粋な100%の色の値です。 ゼロはその色のどれも意味しません。 コンピュータがこれらの数字を理解するために、6桁の16進数または3桁(16進コード)に変換します。
この例では、FFは255の16進数に相当します.16進数のトリプレットは常にRGBの順であるため、最初のFFは赤です。 2番目のFFは黄色です。 青はありませんので00、すなわち0の16進数に相当します。
これらはWeb上の色の基本です。 RGBをもっと深く掘り下げ、色が画面上でどのように見えるかを調べるには、Web Colorのこれらのより詳細なリソースを調べてください。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングのRGBカラー(このページ)
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
04/09
デスクトップパブリッシングにおけるCMYカラー
色(光)は、追加の原色(RGB)から他の色の量を差し引いて作成されます。 しかし、インクを混ぜ合わせる(追加する)ときに、私たちが期待しているように色が出てこない。 したがって、減法混色の原色(CMY)から始めて、色々な量のものを混ぜて(BLはKと略しています)、私たちが望む色を得ることができます。
印刷用の色は、次のような割合で混在しています。
- 50%サイアン100%マゼンタ25%黄色
または - C50 M100 Y25
- また、黒はCMYと一緒に使用されるのが一般的であるため、黒の割合(たとえ0であっても)が次のように含まれます。C50 M100 Y25 K0
この例の4番目のカラーバーは、各減算原色の異なる量で作成された紫色です(黒はありません)。 それに先行する赤の色は、RGB赤のCMYに相当します。 下のカラーバーはCMYインクを使用せず、黒(K)は80%しか使用しません。
このCMY(K)カラーモデルは、印刷用に色を表現できる多くの方法のうちの1つにすぎませんが、そのトピックを別の機能用に保存します。 他の色関連の用語について簡単に説明し、次に印刷作業の色を指定する方法について説明します。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングのCMYカラー(このページ)
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
05の09
色の指定
最も愉快で効果的な色の組み合わせを選択することは、色を扱う際の方程式の一部にすぎません。 必要な色を指定することもできなければなりません。 印刷には、色を指定する方法がいくつかあります。色の数や使用方法によって変わります。 私たちはいくつかの可能性を試してみましょう。
- 単色の色彩色を遮蔽する(色合い)を指定することで、単一の特色(1 / C)を使用して、多種多様なエフェクトを実現できます。 これらの色合いは、無地の割合(100%)です。
- 2つ以上の色2つ以上の色(2 / C、3 / C、4 / Cなど)のソリッドとスクリーンティントを組み合わせます。 上の例では、色はすべて単一色と黒(K)の組み合わせです(上の3つはシアン、下の3つはマゼンタです)。 (印刷目的のために黒は色である)それらはパーセンテージでもある。
- PMS色 Pantone Matching Systemなどのシステムを使用して、色を正確に(または印刷が得られるように)近づけることができます。 他にもいくつかあります。 カラーミックスは簡単に参照できるように番号が付けられています。 グラフィックスプログラムには、より一般的なカラーマッチングシステムの名前が付けられたカラーパレットがあります。 これらを使用すると、プリンタで使用するカラーマッチングシステムに対応するデザインの色を選択できます。 PMS カラーの詳細については、「 PANTONEスポットカラー名サフィックス 」を参照してください。 (画像の色の名前/数字は、Pantoneの最新の名称を反映していない場合があります)。
- CMYK 4色プロセス印刷では、フルカラー連続階調色を再現するために、4つの特定の色を使用します。 これらのプロセスカラーは、シアン(C)、イエロー(Y)、マゼンタ(M)(カラーホイールのサブカラー)、ブラック(K)です。 数百万色の色の認識は、これらの色のインクを混ぜ合わせるのではなく、各色の数千の小さな点を異なるサイズとパターンで印刷することによって達成されます。 目はそれらのドットをマージし、CMYKの4色以上の色を見ます(時にはCYMKと書かれることもあります)。
- 色の区切り 4色プロセス印刷では、特定の色を指定するのではなく、4色(CMYK)ごとに異なるアートワークのコピーを作成します。 それぞれのコピーは、フルカラーの光学効果を作り出すために、もう一方の上に重ねて印刷されます。 セパレーションは、2つ以上の特色を使用する場合にも作成され、各セパレーションにはその特定の色のページの部分のみが含まれます。 この図では、4つのグレースケール画像は、4つのプロセスカラーのそれぞれの印刷版を表しています。 Magentaプレートがトラクターのボディ上でどのようにより暗くなっているかに注目してください。 明るい赤いトラクターを作るには、この赤い色のインクをもっと多く必要とします。
明らかに、これは簡単な概要です。 色を指定して印刷するプロセスについて、何百もの書籍や記事が書かれています。 詳細については、この記事の末尾にあるリンクを参照してください。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定(このページ)
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
06の06
色の知覚
赤、青、黄色、補色または二次色が紫色、緑色、およびオレンジ色であると考えた場合は、このカラー基礎チュートリアルの以前のページを訪れたり再訪したりする必要があります。加法および減法原色、RGBおよびCMY上にある。
色を知覚する方法にはいくつかの要因が影響します。 これらの要因の1つは、カラーホイール上の色の位置によって他の色との関係で表示することができます。
重要な注意 :科学と色理論には、隣接する色、コントラストのある色、補色の正確な定義と、それらがカラーホイール上にどのように現れるかが明確に定義されています。 グラフィックデザインや他の分野では、より緩やかな解釈を使用します。 色は、対照的な、または相補的であると見なされるためには、直接の対話である必要はなく、または設定された分量を有する必要はありません。 デザインでは、それは知覚と感情に関するものです。
- 隣接する色は、カラーホイールの隣に表示されます。 2つ以上の隣接する色が互いに調和する。 彼らはよく一緒に働く(いつもではないが)。 隣接する色の詳細をご覧ください。
調和するという言葉は、素敵で楽しい音です。 しかし、調和のとれた色は、うまく働くために洗い流されている(黄色/緑色)または濃くて似ている(青色/紫色)ように見えることがあります。
- コントラストカラーは、カラーホイールのさまざまなセグメントに表示されます(これを視覚化するのに四半期に分割します)。 色相、彩度、または値が互いに離れているほどコントラストが強くなります。 コントラストカラーの詳細をご覧ください。
最適な可読性(バックグラウンドとテキストの高コントラストなど)を提供するためにコントラストがしばしば必要となりますが、いくつかの対照的な色が並んで印刷されると、目には非常に疲れて振動するように見えます。
- 相補的な色は、カラーホイールの反対側に、直接的またはほぼ直接的にお互いに現れる。 補色についての詳細をご覧ください。
コンプリメンタリーはしばしば無料で混同されます 。 異なる意味。 お互いに相補的な(より平らな)2つの色は、お互いに相補的であってもなくてもよい。
隣接する、コントラストのある、補色の組み合わせは、濃淡を使用するか、黒または白でコントラストを追加することで、しばしば改善されます。 基本的な色の組み合わせについては、次のページを参照してください。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚(このページ)
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
07の09
色相、色合い、色合い、彩度の色
レッド、グリーン、ブルー、シアン、イエロー、マゼンタよりも多くの色が見えます。 カラーホイールはしばしば明確な色のブロックで描かれていますが、ホイールの周りを動くときには、実際には色が何百万色も混ざっています。
これらの個々の色はそれぞれ色相です。 赤は色相です。 青は色相です。 紫は色相です。 ティール、バイオレット、オレンジ、グリーンはすべて色相です。
黒(影)を追加するか、または白(光)を追加することによって、色相の外観を変更できます。 明度や暗さの値 、色相の彩度や量は、私たちに色合いや色合いを与えます。
- さまざまな量の黒を加えて色合いを得る。 来るべき暗闇と暗い影を考えて、 色相と黒が影に等しいことを覚えておいてください。
- さまざまな量の白を加えて色合いを明るくします。 明るい色合いは色合いです。 印刷に関しては、80%、50%、10%などの純粋な色相を構成するインクの色のパーセンテージを使用します。
これは単なる基本的な紹介です。 Colorspireでこのインタラクティブなカラースキームクリエイターを使用して、彩度で周囲を遊び、価値を高めてさまざまな色合いの色合いと色合いを作成します。 また、好みのグラフィックスソフトウェアのカラー機能を使用して、色相、彩度、および値を試してみてください。
輝度、明度、または明るさは、一部のソフトウェアプログラムでは色の値を参照するために使用されます。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度(このページ)
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する
08の09
一般的な色の組み合わせスキーム
1つの色を選択するのは難しいですが、1つ以上の色を混ぜて追加するのは難しいことがあります。 Webで検索したり、さまざまな書籍や雑誌を色で読んだりすると、いくつかの一般的な方法が説明されています。 バリエーションもあります。 始めるには、印刷やWebプロジェクトに最適なパレットを用意するためのこれらの方法を検討してください。
- 単色のカラーパレットは、単一の色相で始まり、その色の濃淡や濃淡を使用して2つ、3つ、またはそれ以上の色に展開します。 印刷出版の場合、単一色の濃淡を使用することは、従来の4色プロセス印刷を行わずに色を使用する1つの方法です。 テキストとアクセント用の黒インクを追加します。 Learmでは、スポットカラーの色合いをデザインに使用する方法について詳しく説明しています 。
- 類似または調和カラーパレットは、カラーホイール上の2つ以上の隣接するカラーを使用します。 非常に小さな部分のカラーホイールを使用している場合は、1つまたは複数の色相の色合いまたは色合いを追加すると、これらの色があまりにも洗い流されないようにすることができます。
- 相補的なカラーパレットは、2つ、3つ、または4つの補色ペアを使用することができる。 分割された補完的なパレットで、あなたのメインカラーの補色(反対側)の両側を見て、トライアドを完成させるのに適したペアを見つけます。
- トライアドカラーパレットは3色のカラーを使用します。 カラーホイールの周りに均等に配置された3つの色を見つけてそこから作業を開始します。
- 相補的なペアを選んで色の1つ(または2つ)を追加して混ぜ合わせます(モノクロ+補色)。 または、2つから4つの類似(隣接)色とそれらの色相の1つの補数(類似+相補)を選択します。
これらは出発点に過ぎません。 色を混合して一致させるための、固くて速い不変のルールはありません。 また、さまざまな場所に表示されているカラーホイールがかなり異なる場合があります。そのため、一方のカラーホイールの正反対が別のカラーホイールとは多少異なることがあります。 それで大丈夫です。 いくつかの色相を一方向に、あるいは色を組み合わせて動かすことは、あらゆる種類の興味深いカラーパレットで終わることです。 ボトムライン:プロジェクトに適した色の組み合わせを選択します。
- いくつの色を使うべきですか? 2〜5(黒または白を含む)が一般的です。 それを超えるもの(写真を除く)は視覚的に圧倒的になり、印刷方法/インクの種類によってはコストがかかることがあります。 しかしそれは単なるガイドラインであり、ルールではありません。 Webページでは、色が多すぎると顧客を失うという点を除いて、より多くの色を使用してもコストには影響しません。
- どのくらいの色を使うべきですか? バランスが重要ですが、それはあなたが選択したパレットのすべての色の等しい量を使用する必要があるわけではありません。 強い色の線量を少量の軽い色やテイマーの色とバランスさせます。 再び、絶対的なものはありません。 あなたが非常に強い色のペアを使用している場合は、それらのうちの1つを使用しないで、あなたのページが読者を圧倒することを防ぐことができます。
- 決して使用すべきでないカラーコンボがありますか? 多分。 そうでないかもしれない。 禁止色の組み合わせを参照してください。
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム(このページ)
- 色の組み合わせを微調整する
09 09
色の組み合わせを微調整する
隣接する、コントラストのある、補色の組み合わせのあいまいさのいくつかは、白黒、暗くて明るい色合い、色合いの導入によって緩和することができます。
色の濃淡
隣接する色や調和する色を使用する場合、色相の1つに黒または白を追加することで、色相の彩度と値を変更することで、判読性を高めることができます。 黒色の色合いが暗くなります。 白は明るい色合いを作ります。 黄色と黄緑のペアリングが近すぎて、うまく動作しない場合は、濃い緑の色合いを使用するとコンボが本当にポップすることができます。
これは単なる基本的な紹介です。 Colorspireでこのインタラクティブなカラースキームクリエイターを使用して、彩度で周囲を遊び、価値を高めてさまざまな色合いの色合いと色合いを作成します。 また、好みのグラフィックスソフトウェアのカラー機能を使用して、色相、彩度、および値を試してみてください。 一部のグラフィックスソフトウェアは、色相の値を参照するために輝度、明るさ、または明度を使用する場合があります。
黒と白とのコントラストを作成する
WHITEは究極の明るい色で、赤、青、紫などの暗い色とよく対比します。 BLACKは究極の暗い色で、黄色のような明るい色が本当に飛び出します。
周囲の色、互いの色の近接性、および光の量のために、単一の色または複数の色が変化する可能性があります。 そのため、ページを分割したり、他の色と併用したりすると、左右に配置したときに衝突する可能性がある色のペアが働き、見栄えが良いのはこのためです。
明るい色は、暗い色(黒を含む)に隣接する場合にはより軽く見えます。 2つの同様の色は、2つの異なる色として表示されますが、離れて配置されると、同じ色のように見えます。
紙と感情が色知覚に及ぼす影響
我々が色で知覚する光の量は、それが印刷される表面の影響を受ける。 滑らかで光沢のある紙の雑誌広告で印刷された光沢のあるREDコルベットは、新聞広告に印刷されたREDコルベットと同じに見えません。 紙は光と色を異なって吸収し、反射する。
色の意味
さらに、私たちの色の選択は、特定の色と色の組み合わせが示す感情によって決定されることがよくあります。 特定の色が物理的な反応を引き起こします。 いくつかの色と色の組み合わせは伝統的および文化的使用法に基づいて特定の意味を持っています。
- クールな色の意味 (落ち着かせる):青、緑、ターコイズ、シルバー
- 暖色の意味 (エキサイティング):レッド、ピンク、イエロー、ゴールド、オレンジ
- 混合された涼しい/暖かい色の意味 :紫、ラベンダー、緑、ターコイズ
- ニュートラルカラー意味 (統一):ブラウン、ベージュ、アイボリー、グレー、ブラック、ホワイト
カラーベーシックインデックス:
- グレードスクールカラーミキシング
- 加算および減算原色(RGBおよびCMY)
- デスクトップパブリッシングにおけるRGBカラー
- デスクトップパブリッシングにおけるCMYカラー
- 色の指定
- 色の知覚
- 色相、色合い、色合い、彩度
- 一般的な色の組み合わせスキーム
- 色の組み合わせを微調整する(このページ)
また、「 色の問題 」を参照してください。青色の色が紫色であると考えると、両方が赤色に見えます。