2014/11/04

CSS3の色名147色（RGB、HEX16進カラーコード併記）

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。
私は知りませんでした。
CSS2までのころは、たしか17色ぐらいしか使えず、まったく使うことがなかったのですが、CSS3になってからは147色の色名（「red」など欧文の色名）を使えるようになったようです。
X11 colorsという色名のセットと、グレースケールの色名を加えて147色です。
CSSで色を指定するとき、その色名で指定する方法もありますが、ほかに、#で始まる6ケタの16進カラーコード（HEXコード）、RGB(255, 255, 255)の2つの方法があります。
こっちのほうがポピュラーですよね。
それはさておき、今回は自分へのメモを兼ねて色名をまとめることにしました。
なぜかというと、HEXやRGBで書かれていても、よほど有名なわかりやすい色でないと、想像もできないし、結局ブラウザで確認するしかないからです。
色名のほうが、やっぱりわかりやすいですよね。
勉強にもなりますし。
そこで、色名と、HEXコード、RGB値と、実際のカラー＝色見本をまとめてみました。
私以外に役立つかどうかはまったく不明ですが、ご参考になれば幸いです。

CSS3色見本147色

Sponsored by

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。