学習・あそび

設定

学習・あそび

遊び方と説明

光の三原色ミキサー

暗い実験室の机に、赤・緑・青の3台のスポットライトと白いスクリーン。つまみで明るさを変えたり、光の輪をドラッグして動かしたりして、光が重なると何色になるか確かめよう。机の上の小物も、さわったり動かしたりできます。

スクリーンの7つの色

3つとも重なった所の色 rgb(255, 255, 255)

    色は、ライトの強さ（0〜255）をチャンネルごとに足し算して求めています。赤の光は R、緑の光は G、青の光は B にだけ入るので、重なった所は (R, G, B) になります。

    試してみよう

    ボタンを押すと、3台のライトの明るさがその組み合わせになります。光の輪をまん中に重ねると、混ざった色がよく見えます。

    絵の具の三原色（減法混色）

    まざった色 #FFFFFF

    絵の具は、混ぜるほど暗くなります。3つとも最大にすると黒（に近い色）になります。光とは反対です。机の上のパレットでも、絵の具をのせて混ぜられます。

    TROPHIES 0 / 0

      トロフィーは、このブラウザに保存されます。

      色混ぜクイズ

      ミキサーで分かったことをクイズでチェック！ 全問正解すると「色博士」に認定されるよ。

      Q1. 光の三原色は、どの3色？

      Q2. 赤と緑の光を混ぜると、何色になる？

      Q3. 光を全部混ぜると白。では、絵の具（CMY）を全部混ぜるとどうなる？

      光の三原色ミキサーとは？

      色が混ざるようすを実験できるシミュレーターです。暗い部屋で、赤・緑・青（RGB）の3台のスポットライトを白いスクリーンに当て、 光を重ねるほど明るくなる加法混色（かほうこんしょく）を体験できます。 スクリーンの色は、当たっている光の強さを足し算して出しているので、ライトの向きを変えたり、明るさを変えたりすると、重なりの色もその場で変わります。 ページの下では、シアン・マゼンタ・イエロー（CMY）の絵の具を重ねて、混ぜるほど暗くなる減法混色（げんぽうこんしょく）も試せます。

      わたしたちが毎日見ているテレビ・パソコン・スマホの画面は、この加法混色でできています。 白く見えている部分も、実はとても小さな赤・緑・青の光の点（サブピクセル）が集まったものです。 机の上の虫めがねをスマホに近づけると、そのようすを見られます。 もっといろいろな色の名前やカラーコードを調べたいときはカラーコード一覧が、 色の見え方の違いを知りたいときは色覚シミュレーターが役に立ちます。

      使い方

      遊び方

      • つまみ：画面の下の「赤・緑・青」のつまみで、それぞれのライトの明るさ（0〜255）を変えます。左上の「まざった色」は、3つの光が全部重なった所の色とカラーコードです（押すとコピーできます）。
      • 光の輪を動かす：スクリーンの上の光の輪や、ライト本体をドラッグすると、ライトの向きが変わります。「まん中に重ねる」を押すと、3つの輪がぴったり重なります。もう一度押すと、元の三角の並びに戻ります。
      • ライトのスイッチ：ライト本体を軽く押すと、点いたり消えたりします。キーボードの1・2・3キーでも切りかえられます。
      • おだい：目標の色が出ます。つまみを動かして、まざった色を目標に近づけよう。
      • 視点を動かす：背景を横にドラッグすると回りこめます。上下にドラッグすると視点の高さが変わります。トラックパッドのピンチ、Ctrl（⌘）＋ホイール、スマホの2本指で寄れます。背景をダブルクリック（ダブルタップ）すると元の視点に戻ります。
      • 机の上の小物：絵の具のパレット・カラー下じき・スマホと虫めがね・プリズムの実験セット・木の人形は、ドラッグで動かしたり、押して試したりできます。部屋のあちこちに、ほかにもしかけがあります。

      加法混色（光の三原色・RGB）

      赤（Red）・緑（Green）・青（Blue）の光を重ねる方法を加法混色といいます。 光は重ねるほど明るくなり、次のような色になります。

      • 赤＋緑＝黄（イエロー）
      • 緑＋青＝シアン（水色）
      • 赤＋青＝マゼンタ（赤むらさき）
      • 赤＋緑＋青＝白
      • 3つとも0＝黒（光がない状態）

      木の人形をライトの前に置くと、スクリーンに色のついた影ができます。赤い光だけがさえぎられた影には、緑と青の光が当たるのでシアンに、 緑だけがさえぎられた影はマゼンタに、青だけがさえぎられた影は黄色になります。影の色からも、光の足し算が確かめられます。

      減法混色（絵の具の三原色・CMY）

      シアン（Cyan）・マゼンタ（Magenta）・イエロー（Yellow）の色料を重ねる方法を減法混色といいます。 絵の具やインクは、光をすいとる（吸収する）ことで色が見えるので、重ねるほど暗くなります。

      • シアン＋マゼンタ＝青
      • マゼンタ＋イエロー＝赤
      • シアン＋イエロー＝緑
      • 3つとも最大＝黒（理想のインクの場合）

      光の三原色（RGB）と絵の具の三原色（CMY）は、実はおたがいに反対の関係（補色）になっています。 光で「赤＋緑＝黄」なら、絵の具では「黄」がその補色。 プリンターがCMYの3色で印刷できるのは、この関係を利用しているからです。

      よくある質問

      授業や自由研究で使ってもいいですか？
      はい、ご自由にお使いください。学校の授業（電子黒板での提示）、家庭学習、自由研究などでの利用を歓迎します。インストール不要で、ブラウザだけで動きます。すべての処理はあなたのブラウザの中だけで行われ、外部には何も送信しません。
      スクリーンの色は、本当に計算しているのですか？
      はい。3台のスポットライトはそれぞれ赤・緑・青だけの光を出していて、スクリーンの上では、当たっている光の強さをそのまま足し算して色を出しています。黄色やシアンの部分を絵の具で塗っているわけではありません。だから、ライトの向きを変えたり、人形で光をさえぎったりすると、重なりの形や影の色もその場で変わります。
      「加法混色（かほうこんしょく）」と「減法混色（げんぽうこんしょく）」って何が違うの？
      加法混色は「光」を混ぜる方法で、赤・緑・青（RGB）の光を重ねるほど明るくなり、全部混ぜると白になります。テレビやスマホの画面はこの方法です。減法混色は「絵の具・インク」を混ぜる方法で、シアン・マゼンタ・イエロー（CMY）を重ねるほど暗くなり、全部混ぜると黒（に近い色）になります。プリンターや絵の具はこちらです。混ぜると明るくなるか暗くなるか、が反対なのが一番の違いです。
      本物の絵の具を全部混ぜても、まっ黒にならないのはなぜ？
      このページの減法混色は、理想的なインクを想定した計算（乗算混色）なので、シアン・マゼンタ・イエローを全部混ぜるときれいな黒になります。でも本物の絵の具やインクには不純物があり、全部混ぜると黒ではなく濁った暗い茶色になります。だからプリンターは、CMYの3色とは別に黒インク（K）を持っていて、CMYKの4色で印刷しています。
      部屋の明かりをつけると、色がうすくなるのはなぜ？
      部屋の明かりは白い光なので、スクリーンの上でライトの光に白い光が足されます。赤い光に白が足されるとピンクっぽく見え、まわりの暗い部分も明るくなってしまいます。プラネタリウムや映画館が暗いのと同じ理由で、光の色の実験は暗い部屋で行います。
      テレビやスマホの画面が本当にRGBでできているか確かめられますか？
      はい。スマホの画面に水滴を1つたらすと、レンズのように拡大されて、赤・緑・青の小さな点（サブピクセル）が見えることがあります。虫めがねやルーペで白い部分を見ても同じように確かめられます。白く見えている場所も、実は小さな3色の光が集まってできています。机の上の虫めがねでも試せます。
      3Dが表示されません。
      このページはWebGLという仕組みで3Dを描いています。古いブラウザや、WebGLが切ってある端末では表示できません。ブラウザを最新にするか、別の端末でお試しください。下の「絵の具の三原色」のミキサーとクイズは、3Dが表示されなくても使えます。