#33544aは何色でしょう。色コードという6桁の読み方

CSSの中をのぞくと、#33544a のような記号がたくさん出てきます。
暗号みたいですが、これはWebの世界の絵の具の名前です。
ちなみに#33544aは、このサイトの見出しに使っている深い緑。

6桁の中身

6桁は2桁ずつ、赤・緑・青の光の強さを表しています。
#ff0000なら赤が全開で緑と青がゼロ、だから真っ赤。
#ffffffは全色全開で白、#000000は全部ゼロで黒。
光の三原色を混ぜる、理科で習ったあの話そのままです。

ffが255を意味するのは16進数という数え方のせいで、ここだけ少し数学の匂いがします。
覚えなくても大丈夫。読めなくても選べるので。

色選びの道具

実際の現場では、カラーピッカーという道具で色を選んで、出てきたコードを貼るだけです。
僕がこのサイトの緑を決めたときは、焚き火まわりの写真から色を拾いました。
気に入った風景の色をそのままサイトに持ち込めるのは、ちょっと楽しいですよ。