Skip to main content

印刷とウェブグレードの学校の色の混合のための色の基本

【Photoshop講座】基本がわかる!RGBとCMYK (六月 2026)

【Photoshop講座】基本がわかる!RGBとCMYK (六月 2026)

:

Anonim
01の09

グレードスクールカラーミキシング

あなたが学校で学んだカラーホイールは、ウェブで使われている色と同じではないことをご存知ですか?印刷のために色が混ざり合っているのではないのですか?まあ、同じ色、ちょうど異なる取り決めとミックス。

伝統的な(ペイントやクレヨンを考える)

  • 伝統的な 一次 色は赤、黄、青です。
  • 2つの原色をミックスして 相補的な または二次色である。
  • 伝統的な 相補的な 色はオレンジ(赤+黄)、緑(黄+青)、紫(青+赤)です。

小学校では、原色を混ぜて新しい色をつける機会がたぶん多くありました。それは魔法でした!インクで印刷するための混色はまったく同じではありません。光とインクの原色は、塗料の赤、黄、青の原色と同じではありません。実際、6つの原色があります。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング(このページ)
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYKカラー
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する

02の09

加算および減算原色

色を見る方法は、塗料を混ぜる方法とは少し異なります。赤、青、黄の原色の代わりに、2種類の原色があります。プリズムが色の虹に光の束を壊すのを見たことがあります。可視スペクトルの光は、赤、緑、青の3つの色領域に分解されます。

  • 赤、緑、青(RGB)の光を加えて白色光を作ります。白を得るために色を一緒に追加するので、これらを 追加の原色。スクリーン上の色は、赤、緑、および青の光の様々な量を混合することによって表示される。加法原色は、通常、RGBオンスクリーンカラーモードを指します。実際の赤、緑、青のインクやペイントを混ぜても白が出ない。
  • RGB色のうちの1つを他の色から差し引くと、別の色が残ります。 RGBマイナス赤はシアンを残す。 RGBから青い葉色の黄色を差し引いたもの。 RGBマイナス緑色のマゼンタの葉。これらは、 サブトラクティブプライマリ (CMY)。シアン、マゼンタ、イエローのインク色は、黒色とともに、4色プロセス印刷(CMYK)で使用されます。減法混色の原色のうちの2つを組み合わせると、補色原色の1つが得られる(例えば、シアン+イエローが緑を生成する)。減法原色の3つすべてを混合すると、黒色になります(純粋な黒色ではなく、暗い黒色になります)。

次に、プリントやウェブ上で色を再現する方法を見ていきます。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算と減法の原色(RGB&CMY)(このページ)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する
03の09

デスクトップパブリッシングにおけるRGBカラー

お使いのコンピュータのモニターは光を放つので、赤、緑、青の3色の領域(加法原色)を使用して、見た目の色を再現します。

スクリーンやウェブ向けの画像を扱うときは、赤、緑、青のいずれかの色で指定します。グラフィックスソフトウェアでは、これらの数字は次のようになります。

  • 255赤255緑0青または
  • 255R 255G 0Bまたは
  • RGB:255,255,0または
  • FFFF00(#FFFF00と書くことができます)

これらはすべて黄色を表します。 1〜255の数値は赤、緑、または青の各色の量を示し、255は純粋な100%の色の値です。ゼロはその色のどれも意味しません。あなたのコンピュータがこれらの数字を理解するためには、それらを6桁に変換します 16進数 数字または トリプレット(16進コード).

この例では、FFは255の16進数に相当します.16進数のトリプレットは常にRGBの順であるため、最初のFFは赤です。 2番目のFFは黄色です。青はありませんので00、すなわち0の16進数に相当します。

これらはWeb上の色の基本です。 RGBをもっと深く掘り下げ、色が画面上でどのように見えるかを調べるには、Webカラーのこれらのより詳細なリソースを調べてください。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングのRGBカラー(このページ)
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する
04/09

デスクトップパブリッシングにおけるCMYカラー

色(光)は、追加の原色(RGB)から他の色の量を差し引いて作成されます。しかし、インクを混ぜ合わせる(追加する)ときに、私たちが期待しているように色が出てこない。したがって、減法混色の原色(CMY)から始めて、色々な量のものを混ぜ合わせて(黒はKと略します)、私たちが望む色を得ることができます。

印刷用の色は、次のような割合で混在しています。

  • 50%サイアン100%マゼンタ25%黄色または
  • C50 M100 Y25
  • また、黒はCMYと一緒に使用されるのが一般的であるため、黒の割合(たとえ0であっても)が次のように含まれます。C50 M100 Y25 K0

この例の4番目のカラーバーは、各減算原色の異なる量で作成された紫色です(黒はありません)。それに先行する赤の色は、RGB赤のCMYに相当します。下のカラーバーはCMYインクを使用せず、黒(K)は80%しか使用しません。

このCMY(K)カラーモデルは、印刷用に色を表現できる多くの方法のうちの1つにすぎませんが、そのトピックを別の機能用に保存します。他の色関連の用語について簡単に説明し、次に印刷作業の色を指定する方法について説明します。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングのCMYカラー(このページ)
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する
05の09

色の指定

最も愉快で効果的な色の組み合わせを選択することは、色を扱う際の方程式の一部にすぎません。必要な色を指定することもできなければなりません。印刷には、色を指定する方法がいくつかあります。色の数や使用方法によって変わります。私たちはいくつかの可能性を試してみましょう。

  • 単色の色合い: 色の選別(色合い)を指定することで、単一の特色(1 / C)を使用して多彩なエフェクトを実現できます。これらの色合いは、無地の割合(100%)です。
  • 2つ以上の色: 2つ以上の色(2 / C、3 / C、4 / Cなど)のソリッドとスクリーンティントを組み合わせます。上の例では、色はすべて単一色と黒(K)の組み合わせです(上の3つはシアン、下の3つはマゼンタです)。 (印刷目的のために黒は色である)それらはパーセンテージでもある。
  • PMSの色: 色を正確に一致させるには、Pantone Matching Systemなどのシステムを使用します。他にもいくつかあります。カラーミックスは簡単に参照できるように番号が付けられています。グラフィックスプログラムには、より一般的なカラーマッチングシステムの名前が付けられたカラーパレットがあります。これらを使用すると、プリンタで使用するカラーマッチングシステムに対応するデザインの色を選択できます。 (画像の色の名前/数字は、Pantoneの最新の名称を反映していない場合があります)。
  • CMYK 4色プロセス印刷では、フルカラー連続階調色を再現するために、4つの特定の色を使用します。これらのプロセスカラーは、シアン(C)、イエロー(Y)、マゼンタ(M)(カラーホイールのサブカラー)、ブラック(K)です。数百万色の色の認識は、これらの色のインクを混ぜ合わせるのではなく、各色の数千の小さな点を異なるサイズとパターンで印刷することによって達成されます。目はそれらのドットをマージし、CMYKの4色以上の色を見ます(時にはCYMKと書かれることもあります)。
  • 色分け 特定の色を指定するのではなく、4色プロセス印刷では、4色(CMYK)ごとに異なるアートワークのコピーを作成します。それぞれのコピーは、フルカラーの光学効果を作り出すために、もう一方の上に重ねて印刷されます。セパレーションは、2つ以上の特色を使用する場合にも作成され、各セパレーションにはその特定の色のページの部分のみが含まれます。この図では、4つのグレースケール画像は、4つのプロセスカラーのそれぞれの印刷版を表しています。 Magentaプレートがトラクターのボディ上でどのようにより暗くなっているかに注目してください。明るい赤いトラクターを作るには、この赤い色のインクをもっと多く必要とします。

明らかに、これは簡単な概要です。色を指定して印刷するプロセスについて、何百もの書籍や記事が書かれています。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定(このページ)
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する
06の06

色の知覚

赤、青、黄色、補色または二次色が紫色、緑色、およびオレンジ色であると考えた場合は、このカラー基礎チュートリアルの以前のページを訪れたり再訪したりする必要があります。加法および減法原色、RGBおよびCMY上にある。

色を知覚する方法にはいくつかの要因が影響します。これらの要因の1つは、カラーホイール上の色の位置によって他の色との関係で表示することができます。

重要な注意点:科学と色理論には、隣接する色、コントラストのある色、補色の正確な定義と、それらがカラーホイール上にどのように現れるかが明確に定義されています。グラフィックデザインや他の分野では、より緩やかな解釈を使用します。色は、対照的な、または相補的であると見なされるためには、直接の対話である必要はなく、または設定された分量を有する必要はありません。デザインでは、それは知覚と感情に関するものです。
  • 隣接 カラーホイールの隣に色が表示されます。 2つ以上の隣接する色 調和する お互いに。彼らはよく一緒に働く(いつもではないが)。隣接する色の詳細を学んでください。調和の言葉は、素敵で楽しい音です。しかし、調和のとれた色は、うまく働くために洗い流されている(黄色/緑色)または濃くて似ている(青色/紫色)ように見えることがあります。
  • 対照 カラーホイールの異なるセグメントに色が表示されます(これを視覚化するのに四半期に分割します)。色相、彩度、または値が互いに離れているほどコントラストが強くなります。コントラストカラーの詳細をご覧ください。最適な可読性(バックグラウンドとテキストの高コントラストなど)を提供するためにコントラストがしばしば必要となりますが、いくつかの対照的な色が並んで印刷されると、目には非常に疲れて振動するように見えます。
  • 相補的 色は、カラーホイールの反対側に、直接的またはほぼ直接的にお互いに現れる。補色についての詳細をご覧ください。コンプリメンタリーはしばしば 無料 。異なる意味。お互いに相補的な(より平らな)2つの色は、お互いに相補的であってもなくてもよい。

隣接する、コントラストのある、補色の組み合わせは、濃淡を使用するか、黒または白でコントラストを追加することで、しばしば改善されます。基本的な色の組み合わせについては、次のページを参照してください。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定
  6. 色の知覚(このページ)
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する
07の09

色相、色合い、色合い、彩度の色

レッド、グリーン、ブルー、シアン、イエロー、マゼンタよりも多くの色が見えます。カラーホイールはしばしば明確な色のブロックで描かれていますが、ホイールの周りを動くときには、実際には色が何百万色も混ざっています。

これらの個々の色はそれぞれ色相です。赤は色相です。青は色相です。紫は色相です。ティール、バイオレット、オレンジ、グリーンはすべて色相です。

黒(影)を追加するか、または白(光)を追加することによって、色相の外観を変更できます。ザ 明暗の 飽和 または色相の量は、私たちに色合いと色合いを与えます。

  • さまざまな量の黒を加えて取得する 陰影。来る暗闇と暗い影を思い出して 色相 プラス aと等しい シェード.
  • さまざまな量の白を加えて色合いを明るくします。明るい色合いは 色合い。印刷に関しては、80%、50%、10%などの純粋な色相を構成するインクの色のパーセンテージを使用します。

これは単なる基本的な紹介です。 Colorspireでこのインタラクティブなカラースキームクリエイターを使用して、彩度で周囲を遊び、価値を高めてさまざまな色合いの色合いと色合いを作成します。また、好みのグラフィックスソフトウェアのカラー機能を使用して、色相、彩度、および値を試してみてください。

輝度、明度、または明るさは、一部のソフトウェアプログラムでは色の値を参照するために使用されます。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度(このページ)
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する
08の09

一般的な色の組み合わせスキーム

1つの色を選択するのは難しいですが、1つ以上の色を混ぜて追加するのは難しいことがあります。あなたがウェブ上で検索したり、様々な書籍や雑誌を色で読んだりすると、いくつかの一般的な方法が説明されています。バリエーションもあります。始めるには、印刷やWebプロジェクトに最適なパレットを用意するためのこれらの方法を検討してください。

  • 単色 カラーパレットは単一の色相で始まり、その色の濃淡や濃淡を使用して2つ、3つ、またはそれ以上の色に拡張します。印刷出版の場合、単一色の濃淡を使用することは、従来の4色プロセス印刷を行わずに色を使用する1つの方法です。テキストとアクセント用の黒インクを追加します。
  • 類似 またはカラーパレットを調和させることは、カラーホイール上の2つ以上の隣接する色を使用する。非常に小さな部分のカラーホイールを使用している場合は、1つまたは複数の色相の色合いまたは色合いを追加すると、これらの色があまりにも洗い流されないようにすることができます。
  • 相補的 カラーパレットは、2つ、3つ、または4つの補色ペアを使用することができる。分割された補完的なパレットで、あなたのメインカラーの補色(反対側)の両側を見て、トライアドを完成させるのに適したペアを見つけます。
  • トライアド カラーパレットは3色のカラーを使用します。カラーホイールの周りに均等に配置された3つの色を見つけてそこから作業を開始します。
  • 混ぜあわせる 相補的なペアを選択して、色の1つ(単色+相補的)の色合い(または2つ)を追加します。または、2つから4つの類似(隣接)色とそれらの色相の1つの補数(類似+相補)を選択します。

これらは出発点に過ぎません。色を混合して一致させるための、固くて速い不変のルールはありません。また、さまざまな場所に表示されているカラーホイールがかなり異なる場合があります。そのため、一方のカラーホイールの正反対が別のカラーホイールとは多少異なることがあります。それで大丈夫です。いくつかの色相を一方向に、あるいは色を組み合わせて動かすことは、あらゆる種類の興味深いカラーパレットで終わることです。ボトムライン:プロジェクトに適した色の組み合わせを選択します。

  • いくつの色を使うべきですか? 2〜5(黒または白を含む)が一般的です。それを超えるもの(写真を除く)は視覚的に圧倒的になり、印刷方法/インクの種類によってはコストがかかることがあります。しかしそれは単なるガイドラインであり、ルールではありません。 Webページでは、より多くの色を使用しても、色が 過度に .
  • どのくらいの色を使うべきですか? バランスが重要ですが、それはあなたが選択したパレットのすべての色の等しい量を使用する必要があるわけではありません。強い色の線量を少量の軽い色やテイマーの色とバランスさせます。再び、絶対的なものはありません。あなたが非常に強い色のペアを使用している場合は、それらのうちの1つを使用しないで、あなたのページが読者を圧倒することを防ぐことができます。
  • 決して使用すべきでないカラーコンボがありますか? 多分。そうでないかもしれない。最終的な色の組み合わせを選択する前に、禁止されている色の組み合わせを確認してください。

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム(このページ)
  9. 色の組み合わせを微調整する
09 09

色の組み合わせを微調整する

隣接する、コントラストのある、補色の組み合わせのあいまいさのいくつかは、白黒、暗くて明るい色合い、色合いの導入によって緩和することができます。

色の濃淡

隣接する色や調和する色を使用する場合、色相の1つに黒または白を追加することで、色相の彩度と値を変更することで、判読性を高めることができます。黒色の色合いが暗くなります。白は明るい色合いを作ります。黄色と黄緑のペアリングが近すぎて、うまく動作しない場合は、濃い緑の色合いを使用するとコンボが本当にポップすることができます。

これは単なる基本的な紹介です。 Colorspireでこのインタラクティブなカラースキームクリエイターを使用して、彩度で周囲を遊び、価値を高めてさまざまな色合いの色合いと色合いを作成します。また、好みのグラフィックスソフトウェアのカラー機能を使用して、色相、彩度、および値を試してみてください。一部のグラフィックスソフトウェアは、色相の値を参照するために輝度、明るさ、または明度を使用する場合があります。

黒と白とのコントラストを作成する

白は究極の明るい色で、赤、青、紫などの濃い色とはよく対照です。黒は究極の暗い色で、黄色のような明るい色が実際に飛び出します。

単一または複数の色を変更することができます。 知覚 その周囲の色、互いの色の近接性、および光の量によって変化します。そのため、ページを分割したり、他の色と併用したりすると、左右に配置したときに衝突する可能性がある色のペアが働き、見栄えが良いのはこのためです。

明るい色は、暗い色(黒を含む)に隣接する場合にはより軽く見えます。 2つの同様の色は、2つの異なる色として表示されますが、離れて配置されると、同じ色のように見えます。

紙と感情が色知覚に及ぼす影響

我々が色で知覚する光の量は、それが印刷される表面の影響を受ける。滑らかで光沢のある紙の雑誌広告で印刷された光沢のある赤いコルベットは、新聞広告に印刷された赤いコルベットと同じに見えません。紙は光と色を異なって吸収し、反射する。

色の意味

さらに、私たちの色の選択は、特定の色と色の組み合わせが示す感情によって決定されることがよくあります。特定の色が物理的な反応を引き起こします。いくつかの色と色の組み合わせは伝統的および文化的使用法に基づいて特定の意味を持っています。

  • カーミング:青、緑、ターコイズ、シルバー
  • エキサイティングな:レッド、ピンク、イエロー、ゴールド、オレンジ
  • 混合された涼しい/暖かい色の意味:紫、ラベンダー、緑、ターコイズ
  • ニュートラルカラー意味(統一):ブラウン、ベージュ、アイボリー、グレー、ブラック、ホワイト

カラーベーシックインデックス:

  1. グレードスクールカラーミキシング
  2. 加算および減算原色(RGBおよびCMY)
  3. デスクトップパブリッシングにおけるRGBカラー
  4. デスクトップパブリッシングにおけるCMYカラー
  5. 色の指定
  6. 色の知覚
  7. 色相、色合い、色合い、彩度
  8. 一般的な色の組み合わせスキーム
  9. 色の組み合わせを微調整する(このページ)