#33544aは何色でしょう。色コードという6桁の読み方
Webの色は、シャープと6桁の英数字で決まっている。
読み方さえ知れば、暗号はただの絵の具になります。
CSSの中をのぞくと、#33544a のような記号がたくさん出てきます。
暗号みたいですが、これはWebの世界の絵の具の名前です。
ちなみに#33544aは、このサイトの見出しに使っている深い緑。
6桁の中身
6桁は2桁ずつ、赤・緑・青の光の強さを表しています。
#ff0000なら赤が全開で緑と青がゼロ、だから真っ赤。
#ffffffは全色全開で白、#000000は全部ゼロで黒。
光の三原色を混ぜる、理科で習ったあの話そのままです。
ffが255を意味するのは16進数という数え方のせいで、ここだけ少し数学の匂いがします。
覚えなくても大丈夫。読めなくても選べるので。
色選びの道具
実際の現場では、カラーピッカーという道具で色を選んで、出てきたコードを貼るだけです。
僕がこのサイトの緑を決めたときは、焚き火まわりの写真から色を拾いました。
気に入った風景の色をそのままサイトに持ち込めるのは、ちょっと楽しいですよ。