色の指定方法

CSSで色を指定するには、以下の5つの方法があります。具体的な色とその値については、巻末付録の「カラーチャート1〜3」を参照してください。

16進数で指定する1（#RRGGBB形式）

HTMLの場合と同様な指定方法です。「#」記号に続けて、RGB(Red, Green, Blue)の各値を2桁ずつの16進数で示します。

たとえば、赤を指定する場合には「#ff0000」となります。

この指定方法は上記の方法に似ていますが、RGBの各値をそれぞれ1桁ずつの16進数で示します。この値は、指定したRGBの各1桁の値をふたつ続けて並べた数値として解釈されて表示されます。

たとえば、「#f36」と指定した場合には、「#ff3366」を指定したのと同じ結果になります。赤を指定する場合には「#f00」となります。

この指定方法では、rgbに続く()の中にRとGとBの10進数の値をそれぞれ「,」で区切って示します。RGBの各値は0〜255の範囲で指定することができます。

たとえば、赤を指定する場合には「rgb(255,0,0)」となります。

この指定方法では、rgbに続く（）の中にRとGとBのパーセントの値をそれぞれ「,」で区切って示します。RGBの各値は0%〜1