カラーコードのお話(* ゜ェ゜)!

ブログの編集に関連して、この際「カラーコード」の世界に迫って見ましょう＠ｗ＠ノ

文字色の指定とかで出てくる#FFFFFF みたいなやつをカラーコードいいます＠ｗ＠


カラーコードには「１６進法」の表記が使われています(* ゜ェ゜)!

なんで１６進法なんか使うんでしょうね(* ゜ェ゜)!くっそめんどくさいですね(* ゜ェ゜)!

まあ、ざっくり言えば、

コンピュータが２進法の世界で動いているせいなんですね。

１０進法だと１の位の次は１０の位なんですが、

２進法っていうのは０と１しか使えない世界なんで、１の位　２の位　４の位　８の位　１６の位　。。。って感じになるんですね。

 

１６の位・・・・・・

そんなわけで２進法の世界では、１０進法さんよりも１６進法さんの方にめっさ親しみを感じるんですって(* ゜ェ゜)!




でも(* ゜ェ゜)!１６進法ってどうやるん(* ゜ェ゜)!(* ゜ェ゜)!(* ゜ェ゜)!(* ゜ェ゜)!

１０進法だと９の次は１０になって一桁繰り上がるのですが、１６進法では１０ではまだ繰り上がりません(* ゜ェ゜)!

じゃあ９の次はどうすれば・・・・・゜・(ノД`;)・゜・
「１０」を一文字で表すことの出来る「数字」はもはや存在しません・゜・(ノД`;)・゜・
仕方ないのでアルファベットの文字を借りてきて
Ａを１０ということにしました(* ゜ェ゜)!

その勢いで　Ｂが１１　Ｃが１２　Ｄが１３　Ｅが１４　Ｆが１５　という約束になっています(* ゜ェ゜)!

たとえば１６進法で１１と書かれた場合は１０＋１＝１１ではなく

１６＋１＝１７を意味することになるのディス

１６進法でＡＡと書いたら、１６の位が１０　１の位が１０ってことで

１６Ｘ１０＋１０＝１７０　ということになるのディス

 

そんなふうにすると１０進法で０から２５５までの数の表現を
１６進法を使えば００からＦＦまでの二桁で表現することができるのです(* ゜ェ゜)!

世の中には奇特な人がいて、こういう面倒な進数変換をぱぱっとやってくれる道具を作ってくれていたりします。

１０進数１６進数変換ツール http://tool.muzin.org/16/

こ　れ　を　ふ　ま　え　て　

ディスプレーで表現される色はすべて、色の三原色である赤緑青の組み合わせで出来上がっています。赤＝Ｒｅｄ　緑＝Ｇｒｅｅｎ　青＝Ｂｌｕｅ　の頭文字をとってＲＧＢと表現されたりします。


赤　緑　青　それぞれの色の要素を２５６段階の諧調（色の濃淡）に分け、

それを１６進法表記で表現したものを組み合わせたものがカラーコードになるます。



ここをクリックしてカラーコード作成ツールを開いてみましょう＠ｗ＠ノ
※別のウィンドウで開きます
　

ＲＧＢの要素が全部一番左だと＃００００００で黒　




全部一番右だと＃ＦＦＦＦＦＦで白

になりますね(* ゜ェ゜)!

あとはＲＧＢの割合によってたくさんの色を作ることができます。

赤の要素が最大のＦＦ　緑と青が０の場合

＃ＦＦ００００　まっかっかです(* ゜ェ゜)!

同じ理屈で　緑だけ最大だと

 

青だけ最大だと

 

赤と緑のふたつが最大、青が０だと

黄色になってしまうのですね (ノ´∀｀*)

こんな具合で赤（Ｒ）緑（Ｇ）青（Ｂ）の要素を一覧にしたカラーチャートが色々出回ってます。

ぱっと見、色の関係を感覚的に把握できるこんなのみつけましたよ(* ゜ェ゜)!

 

ね(* ゜ェ゜)!　なんとなくカラーコードの世界がわかってきたでしょ(* ゜ェ゜)!

あとはこんなカラーピッカーツールを使ってディープな色の世界にはいりこんでみてください＠ｗ＠ノ

カラーピッカー