CSS仕様では、カラー値は<color>で表記されます。カラー値はキーワードまたはRGB値で指定します。CSSのRGB値ｓRGB値を意味します。

　カラー値では、以下のキーワードを使うことができます。

　これらのカラーキーワードに加えて、オペレーティング・システものグラフィック・カラーに合わせるためのシステム・カラーを使うこともできます。

　以下はキーワードによるカラー値の指定例です。

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

　RGB値によるカラー値の指定には、以下の４通りの方法があります。

• 6桁の16進数
• 3桁の16進数
• 10進数
• パーセンテージ

　以下の例は、いずれも同じ値を意味します。

em { color: #ff0000 }           /* 6桁の16進数による指定    */
em { color: #f00 }              /* 3桁の16進数による指定    */
em { color: rgb(255,0,0) }      /* 10進数による指定         */
em { color: rgb(100%, 0%, 0%) } /* パーセンテージによる指定 */

　6桁の16進数による指定では'#'に続いてR, G, Bの値を2桁の16進数で指定します。

#RRGGBB

　一部のRGB値は3桁の16進数で指定することができます。

#RGB

　R, G, Bの値は、本来16進数で0～FFまでありますので、各色1桁（RGB全体で3桁）では情報が足りません。そこで3桁の16進数による指定では、R, G, Bのそれぞれの16進数の上位桁も1桁目と同じ値であると解釈されます（つまり、R, G, Bの各16進数の1桁目と2桁目が同じ値でなければ3桁の16進数で指定することは出来ません）。

　以下は3桁のRGB値と6桁のRGB値の対応の一部です。

　10進数による指定では'rgb('に続いてR, G, Bの値をそれぞれ0～255までの10進数で指定します。R値とG値の間とG値とB値の間は、','で区切ります。最後に')'で括弧を閉じます。

rgb(R, G, B )

　数値の周りには空白文字を置くことができます。

　パーセンテージによる指定では、10進数による指定とほぼ同じ書式を使いますが、R, G, B値は最大値を255としたパーセンテージ値で指定します。

　以下は10進数による指定とパーセンテージによる指定の比較です。

　パーセンテージ値の周りには空白文字を置くことができます。