CSS カラー名 141 色

CSS には 16 進コードの代わりに名前をそのまま書ける色が 141 色あります。tomato、rebeccapurple、gainsboro などです。現代的なパレットとして設計された一覧ではありません。多くは 1980 年代の X11 ウィンドウシステムから引き継がれたもので、そのためグレー系が綴り違いで十種類もあり、オレンジは HTML 4 でようやく追加されました。

名前は下書き段階で便利です。background: tomato は一目で読め、調べ直す必要がありません。ただし仕上げの段階には向きません。必要なところに限って穴があるからです。steelblue と slategray の間にある落ち着いた青がなく、緑は limegreen から forestgreen へ飛んで途中が空いています。

綴りについて二点は知っておく価値があります。gray と grey はどこでも同じように動作し意味も同じで、これを含む複合語も同様です。そして rebeccapurple は 2014 年に Eric Meyer 氏の娘を偲んで追加された色で、CSS の色名で唯一、献名の意味を持つ名前です。

下の色を選ぶと、七つの形式のコード、明度の段階、配色パレット、白と黒に対するコントラスト検査があるページが開きます。それらは読み物というより道具なので検索結果には載せていません。スウォッチから入ってください。