カラーコードの仕組みをしろう！

ファンブログ色の豆知識投稿日：2009年06月23日 00:15

ファンブログ　カスタマイズ

カラーコードって何！？っていう方のために、カラーコードの仕組みをカンタンに説明します。
カラーコードはRGBという方式で記述された色番号です。RGBとは俗に「色光の三原色」と呼ばれているもので、絵の具を混ぜ合わせて色を表現する「色科の三原色」とは違いますので、まちがえないようにしてくださいね。

それぞれの法則は私が説明するよりも、ウィキペディアの記事を読んでいただいた方がダンゼンわかりやすいので、参考記事としてご覧ください。

・RGB（色光の三原色）：『ウィキペディア（Wikipedia）』

・CMYK（色科の三原色）：『ウィキペディア（Wikipedia）』

上記記事を参考にしていただいて、RGBとは赤・緑・青の組み合わせで色をつくる仕組みで、三色が合わさると白になるということが、なんとな～くわかっていればOKです。カラーコードは６桁の英数字で、
０～F までの１６進法で構成されています。左側から２桁が赤、次の２桁が緑、最後の２桁が青になります。

色がまったくない場合の #000000 が黒になり、各色最大（Max）の場合の #FFFFFF が白になります。
ちなみに赤・緑・青の数字の割合が全て同じものはグレースケールとなります。

文章で説明するより、実際に色をつけた方がわかりやすいので、カラーコードに色をつけてみます。

# RR GG BB

基本色：白と黒を除いた FF と 00 の組合せの6色

Red	Lime	Blue	Yellow	Aqua	Fuchsia
#FF0000	#00FF00	#0000FF	#FFFF00	#00FFFF	#FF00FF

グレースケール：色相のない黒から白の明度のものさし


#000000	#333333	#666666	#999999	#cccccc	#FFFFFF

この番号は何色？って調べたい場合はこちらなんかが使いやすいと思います。

CGIレンタルサービスさんのColor Table　http://www.finitojapan.com/cltable.html

なんとな～くでいいんでご理解いただけたでしょうか？特に覚えておくと便利なのは、グレースケールの仕組みです。カラーコードが「ゾロ目」っていうパターンだけでも、１６段階のグレースケールが使えますので、ぜひ覚えておいてくださいね。

またちょっとした色についてのお話がありましたら記事をアップします。気長にお待ちください。