デザイン

混色の基礎|加法混色(RGB)と減法混色(CMY)の違いをやさしく解説

同じ「色を混ぜる」でも、光と絵具では結果が正反対になります。光は混ぜるほど明るく白に近づき、絵具は混ぜるほど暗く黒に近づきます。本記事では、加法混色(RGB)と減法混色(CMY)の違い、Webでの色の足し算、中間色や補色の作り方、そして直感と実際のズレまでをやさしく解説します。

公開: 2026-10-16

「青と黄を混ぜると緑になる」——絵の具で誰もが習うこの常識は、実はパソコンやスマホの画面の中では通用しません。デザインや配色を扱っていると、「混ぜたはずの色が思った通りにならない」という場面によく出会います。その原因の多くは、光を混ぜる場合と、絵具やインクを混ぜる場合とで、色の足し算のルールが正反対になることにあります。本記事では、この混色の基礎を順を追って解説します。

混色とは何か:色を混ぜる二つの世界

混色とは、複数の色を組み合わせて別の色を作ることです。一見すると単純な話ですが、世の中には性質のまったく異なる二種類の混色が存在します。一つが加法混色(光を混ぜる)、もう一つが減法混色(絵具やインクを混ぜる)です。

両者の違いは、「色のもとが何か」にあります。ディスプレイやスポットライトのように自ら光を放つものは加法混色、紙の上のインクや絵具のように光を反射するものは減法混色に従います。テレビ画面に近づくと赤・緑・青の小さな点が見えるのに対し、印刷物はシアン・マゼンタ・イエロー・黒のインクで構成されているのは、この違いが理由です。

どちらの世界でどんな色ができるのかを手早く試すには、カラーミキサーツールで実際に二色を混ぜてみるのが分かりやすいでしょう。数値を変えながら混ぜ合わせると、混色の感覚が体でつかめます。

加法混色:光のRGBは混ぜると白くなる

加法混色は、光そのものを足し合わせる混色です。基本となる三色(光の三原色)は赤(Red)・緑(Green)・青(Blue)で、頭文字をとってRGBと呼ばれます。パソコンやスマホ、テレビの画面はすべてこのRGBで色を作っています。

加法混色の最大の特徴は、色を重ねるほど明るくなり、すべてを最大に混ぜると白になることです。何もない(すべての光がゼロの)状態は黒で、そこに光を足していくイメージです。代表的な組み合わせは次の通りです。

  • 赤 + 緑 = 黄
  • 緑 + 青 = シアン(水色)
  • 青 + 赤 = マゼンタ(赤紫)
  • 赤 + 緑 + 青 = 白

絵具に慣れていると「赤と緑を混ぜたら濁った色になりそう」と感じますが、光の世界では赤と緑を混ぜると鮮やかな黄になります。これが加法混色の直感に反する面白さです。画面の白は「何も塗っていない」のではなく、三色の光をめいっぱい灯した結果なのです。

減法混色:絵具のCMYは混ぜると黒くなる

減法混色は、絵具やインクのように光を吸収(減算)することで色を作る混色です。基本となる三色(色料の三原色)はシアン(Cyan)・マゼンタ(Magenta)・イエロー(Yellow)で、CMYと呼ばれます。印刷ではこれに黒(Key plate=K)を加えたCMYKが使われます。

減法混色の特徴は加法混色とちょうど逆で、色を重ねるほど暗くなり、すべてを混ぜると黒(に近い色)になることです。インクは光の一部を吸収して残りを反射しており、色を重ねるほど吸収される光が増えて暗くなります。何も塗らない状態(紙の白)が一番明るい、という関係です。

  • シアン + イエロー = 緑
  • イエロー + マゼンタ = 赤
  • マゼンタ + シアン = 青
  • シアン + マゼンタ + イエロー = 黒(に近い暗色)

ここで注目したいのは、加法混色の「混ぜてできる色」(黄・シアン・マゼンタ)が、減法混色では「もとになる三原色」になっている点です。RGBとCMYは、互いに表と裏の関係にあります。実際に印刷で三色を全部混ぜても完全な黒にはならず濁った暗褐色になりがちなため、引き締まった黒を出すために黒インク(K)を別に用意するのが一般的です。

Webでの色の足し算と中間色の作り方

Webサイトやアプリの色は、すべて加法混色のRGBで指定します。よく使う16進カラーコード(例:#FF8800)は、先頭から赤・緑・青の強さを2桁ずつ、それぞれ0〜255(16進で00〜FF)の256段階で表したものです。たとえば #FF0000 は赤全開で緑・青がゼロ、#FFFFFF は三色すべて全開で白になります。

このコードのありがたい点は、色を「足し算」で考えられることです。赤(R)を上げれば赤みが増し、青(B)を下げれば青みが減ります。二つの色の中間色を作りたいときは、各成分(R・G・B)の数値をそれぞれ平均すれば、おおよそ真ん中の色が得られます。たとえば赤 #FF0000 と黄 #FFFF00 の中間は、緑成分の中間をとった #FF8000(オレンジ)あたりになります。

ただし、人間の目は明るさを直線的には感じ取らないため、単純な数値の平均が「見た目の中間」と必ずしも一致しない点には注意が必要です。理屈で求めた中間色が少しくすんで見えることもあります。色を数値で指定したり、RGBと16進、HSLなどの表記を相互変換したりするときは、カラーコード変換ツールを使うと作業がスムーズです。実際に中間色をいくつか作って並べてみるには、カラーミキサーツールで混合比を少しずつ変えてみると違いがよく分かります。

補色とは:反対側にある色

補色とは、色相環(色をぐるりと円状に並べたもの)で正反対の位置にある色のことです。赤に対する青緑(シアン系)、黄に対する青などが代表例です。補色どうしを並べると互いを引き立て合い、ビビッドで目を引く配色になります。一方で面積バランスを誤ると、ちらついて見える「ハレーション」が起きやすい組み合わせでもあります。

補色は混色とも深く関わっています。加法混色では、補色どうしの光を混ぜると白(無彩色)になる関係があり、これは「足りない色を補い合って白を完成させる」イメージです。たとえば赤の補色はシアン(緑+青)で、赤とシアンを光で混ぜれば赤・緑・青がそろって白になります。「補色」という名前は、まさにこの互いを補い合う性質に由来します。

配色を考えるときは、ベースとなる色のRGB値から各成分を反転させると、おおまかな補色の見当をつけられます。実際の色味はカラーコード変換ツールで数値を確認しながら微調整すると、狙った印象に近づけやすくなります。

混色の直感と実際のズレ

最後に、混色でつまずきやすい「直感とのズレ」を整理しておきましょう。色を扱う多くの混乱は、次のポイントを押さえると解消します。

加法混色(光・RGB)減法混色(絵具・CMY)
原色赤・緑・青シアン・マゼンタ・イエロー
混ぜると明るくなる暗くなる
全部混ぜると白黒(に近い色)
主な場面画面・照明印刷・絵具

「青と黄で緑」は絵具(減法混色)の話であって、光(加法混色)では青と黄を混ぜると白っぽくなります。同じ素材どうしでも、画面で見た色とプリンタで印刷した色が違うのは、RGBとCMYで再現できる色の範囲(色域)が異なるためです。鮮やかな蛍光色のような色は画面では出せても印刷では沈みがちで、これは「印刷の質が悪い」のではなく原理的な限界です。

もう一つのズレは、前述した数値の平均と見た目の中間が一致しない点です。色は物理量(光の強さ)と感覚量(明るさの感じ方)がずれているため、計算上の中間色が予想よりくすむことがあります。だからこそ、頭で考えるだけでなく実際に混ぜて目で確かめることが大切です。カラーミキサーツールで二色を混ぜ、できた色をカラーコード変換ツールで別表記に変換してみれば、混色のルールと「直感とのズレ」を同時に体感できます。仕組みを目で見て触れることが、配色上達への近道です。

なお本記事は一般的な情報の提供を目的としたものです。正確な色再現が必要な印刷やブランドカラーの管理では、使用する機器・用紙・カラープロファイルによって結果が変わります。実務では最新の公式情報やカラーマネジメントのガイドライン、必要に応じて専門家の情報も確認したうえで判断してください。

よくある質問

加法混色と減法混色の違いは何ですか?

加法混色は光を混ぜる方式で、原色は赤・緑・青(RGB)です。混ぜるほど明るくなり、すべて混ぜると白になります。減法混色は絵具やインクのように光を吸収して色を作る方式で、原色はシアン・マゼンタ・イエロー(CMY)です。混ぜるほど暗くなり、すべて混ぜると黒に近い色になります。画面はRGB、印刷はCMY(K)が基本です。

なぜ光は混ぜると白く、絵具は混ぜると黒くなるのですか?

光は色を足し合わせる加法混色なので、三色(赤・緑・青)の光をすべて重ねると目に届く光が最大になり白く見えます。一方、絵具やインクは光を吸収する減法混色で、色を重ねるほど吸収される光が増え、反射して目に届く光が減るため暗く、最終的に黒に近づきます。仕組みが正反対なのです。

Webの色(16進カラーコード)で中間色はどう作りますか?

16進カラーコードは赤・緑・青の強さを各0〜255で表します。二色の中間色は、R・G・Bそれぞれの数値を平均するとおおよそ得られます。ただし人間の目は明るさを直線的に感じないため、数値上の中間が見た目の中間と完全には一致しないことがあります。実際に並べて確認するのがおすすめです。

補色とは何ですか?

補色とは色相環で正反対の位置にある色のことで、赤に対するシアン、黄に対する青などが例です。並べると互いを引き立て合い、目を引く配色になります。加法混色では補色どうしの光を混ぜると白(無彩色)になる関係があり、互いの足りない色を補い合うことが「補色」という名前の由来です。

カラーミキサーやカラーコード変換ツールで入力した色はサーバーに送信されますか?

WAZA TOOLSのカラーミキサーツールやカラーコード変換ツールはすべてブラウザ内で処理され、入力した色の値がサーバーに送信・保存されることはありません。スマートフォンでも利用でき、何度でも無料で色を混ぜたり変換したりできます。