概要

colorは前景色、background-colorは背景色を指定する。

書式

color: 色指定;

background-color: 色指定；

値

色指定にいくつかの方法がある。

カラーネーム

red, grayなど特定の色に対応したキーワードで設定。

16進コード(6桁)

#RRGGBBの6桁で指定する。2桁1バイトごとにR, G, Bに対応。

16進コード(3桁)

#RGBの3桁で指定する。#RGBという指定は#RRGGBBと各色を繰り返した値に相当する。

rgb(r, g, b)/rgb(r, g, b, a)

3つの引数はそれぞれ0～255の整数で、R, G, Bに対応。4つ目の引数がある場合は透過度を表し、実数で指定する。

hsl(h, s, l)/hsl(h, s, l, a)

色相(Hue)、彩度(Saturation)、輝度(Lightness)を実数で指定する。4つ目の引数がある場合は透過度を表し、実数で指定する。