[ 通常表示 ]  [ 簡易表示 ]  [ シンプル表示 ]

「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

RGB

pointこの用語のポイント

point色の表現方法だよ

point赤、緑、青の組み合わせで表現するよ

スポンサーリンク

簡単に書くよ

RGBとは

「赤、緑、青の組み合わせで色を表現しますよ」のこと
です。

image piyo

詳しく書くよ

異なった色の光を重ねて新たな色を作ることから「加法混色」とも呼ばれます。

「赤の光をどれくらい当てて~緑の光をどれくらい当てて~青の光をどれくらい当てると~この色になります!」の形で色を表現するのが「RGB」です。
赤を英語で表現した「Red」、緑を英語で表現した「Green」、青を英語で表現した「Blue」のそれぞれの頭文字を取って「RGB」ね。

RGB

赤・青・緑は「光の三原色」と呼ばれる色たちです。
こいつらの強さや重なる割合によって出来上がる色が変わります。

例えば赤と緑が100%で青が0%(つまり赤と緑が重なっている状態)であれば黄色になります。
赤と青が100%で緑が0%(つまり赤と青が重なっている状態)であればマゼンダです。
また3色とも100%の強さで重なれば白、3色とも0%の強さで重なれば黒になりますよ。

ホームページの色の指定も基本的にはRGB形式で行います。
例えば色の指定のところに「color: #123456」と書いてあれば「赤の光を12、青の光を34、緑の光を56だけ当てるとできる色」を指定していることになります。
「#123456」の部分ですね。
左から順に2桁ずつ赤、緑、青の指定です。

注意点として、数字は16進数表記です。
そのため一つの色につき最大「FF(10進数表記だと255)」まで指定できます。
つまり赤の光を255、青の光を255、緑の光を255だけ当てると白になるのです。
白色を指定したいときは「color: #ffffff」と書いてくださいね。

RGB形式の色指定はホームページをはじめ、モニタ上で見る物に対してよく使います。
ほら、モニタは光っていて、光の組み合わせで色を表現しますからね。
コンピュータさん用の色指定です。

ちなみに色の表現方法にはシアン、マゼンタ、イエロー、ブラックの割合で色を表現する「CMY(減法混色)K」というのもあります。
こちらのシアン、マゼンタ、イエローは「色の三原色」と呼ばれる色の組み合わせで、絵具を混ぜ合わせて色を作るイメージです。
そのため印刷物等の色指定等はCMYKの方が向いています。

image piyo2

一言でまとめるよ

まぁ「RGB」って単語が出てきたら「赤、緑、青の割合で色を表現することなんだな~」と、お考えください。

一番上に戻るよ
スポンサーリンク