基本色（16色）のリストです。色の名前は、大文字と小文字を区別しません。

※ CSS2.1 では orange が追加されました。

example

body {color: black; background: white; }
h1 { color: maroon; }
h2 { color: olive; }

RGBカラーモデルは、数値による色指定に使用されます。次の例はすべて同じ色を指定しています。

example

em { color: #f00; }              /* #rgb */
em { color: #ff0000; }           /* #rrggbb */
em { color: rgb(255,0,0); }
em { color: rgb(100%, 0%, 0%); }

16進数でのRGBの指定は、" # " のすぐ後に、3桁か6桁の16進数（ 0～9、a～f ）で指定します。

3桁のRGB表記( #rgb ) は、" # " のすぐ後に、r （赤） g （緑） b （青） それぞれの値を16進数（ 0～9、a～f ）で指定します。 また、それぞれの値を複製することによって6桁の表記( #rrggbb ) に変換されます。たとえば、#fb0 は #ffbb00 になります。

6桁のRGB表記( #rrggbb ) は、" # " のすぐ後に、r （赤） g （緑） b （青） それぞれの値を16進数（ 0～9、a～f ）で2桁ずつ指定します。 それぞれの値が同じ場合には、3桁表記( #rgb ) で省略することもできます。たとえば、#ffffff （白）の場合は、#fff に省略できます。

関数表記のRGB値の形式は、" rgb( " のすぐ後に、カンマで区切って3つの数値を指定し、" ) " で閉じます。 ※ 3つの数値は、3つの整数値（ 0～255, 0～255, 0～255 ）、または、3つのパーセント値（ 0%～100%, 0%～100%, 0%～100% ）になります。 整数値 255 は 100% と16進数値の f または ff と同じですので、rgb(255,255,255) = rgb(100%,100%,100%) = #fff のようになります。 ※ 数値の前後には空白スペースを入れることもできます。

16進数色見本はこちら