スクロールしてください

RGBカラーモデルについて学ぼう

プログラミングでは、RGBカラーモデルを用いて色を表します。RGBカラーモデルとは、赤、緑、青の光を混ぜて色を表す方法です。


RGBカラーモデル

プログラミングでは、赤、緑、青の3色の光を様々な強さで混ぜて色を表します。

このとき赤色の強さはR、緑色の強さはG、青色の強さはBを用いて、それぞれ0から255の数字で表します。RGBはRed(赤)、Green(緑)、Blue(青)の頭文字です。

このような、RGBを使って色を表す方法をRGBカラーモデルと呼びます。


赤色を表す

RGBカラーモデルを使って色を表してみましょう。

例えば赤色は、R255G0B0の強さで混ぜて表します。プログラムに書くときは、RGBの順番に(255,0,0)と並べます。

図1 赤色(255,0,0)

緑色を表す

緑色はR0G255B0で混ぜて表し、プログラムでは(0,255,0)と書きます。

図2 緑色(0,255,0)

青色を表す

青色はR0G0B255で混ぜて表し、(0,0,255)と書きます。

図3 青色(0,0,255)

黄色を表す

R255G255B0の強さで混ぜると、黄色(255,255,0)を表すことができます 。

図4 黄色(255,255,0)

水色を表す

R0G255B255の強さで混ぜると、水色(0,255,255)になります。

図5 水色(0,255,255)

ピンク色を表す

R255G0B255の強さで混ぜるとピンク色(255,0,255)になります。

図6 ピンク色(255,0,255)

白色を表す

RGB255の強さで混ぜると、白色(255,255,255)を表すことができます。

図7 白色(255,255,255)

黒色を表す

赤色、緑色、青色のどの光も混ぜない場合は黒色になります。つまり、R0G0B0の強さで混ぜると黒色(0,0,0)になります。

図8 黒色(0,0,0)

中間の色をつくろう

赤色、緑色、青色のそれぞれの中間の色をつくってみましょう。


赤色と緑色の中間の色

例えば、赤色(255,0,0)Gを増やすと、柿のような色をつくることができます。

また、緑色(0,255,0)Rを増やすと、マスカットのような色をつくることができます。

図9 赤色(255,0,0)と緑色(0,255,0)の中間

緑色と青色の中間の色

同様にして、緑色と青色の中間の色も観察しましょう。

青色(0,0,255)Gを増やすと、空や海のような爽やかな色をつくることができます。

また、緑色(0,255,0)Bを増やすと、エメラルドのような色をつくることができます。

図10 緑色(0,255,0)と青色(0,0,255)の中間

青色と赤色の中間の色

最後に、青色と赤色の中間の色を観察しましょう。

青色(0,0,255)Rを増やすと、ブドウのような色になります。

赤色(255,0,0)Bを増やすと、イチゴのような色をつくることができます。

図11 青色(0,0,255)と赤色(255,0,0)の中間

RGBカラーモデルの基本は以上です。この知識をもとに早速、色を変えるプログラムを書いていきましょう。


まとめ

プログラミングでは、RGBカラーモデルを用いて色を表します。RGBカラーモデルとは、赤色、緑色、青色の三色の光を0から255の強さで混ぜて色を表す方法です。