在 CSS 中,字體顏色可以使用顏色名稱、十六進(jìn)制值、RGB 值或 HSL 值來表示。
/* 使用顏色名稱 */ p { color: red; } /* 使用十六進(jìn)制值 */ p { color: #ff0000; } /* 使用 RGB 值 */ p { color: rgb(255, 0, 0); } /* 使用 HSL 值 */ p { color: hsl(0, 100%, 50%); }
其中,顏色名稱可以直接使用英文單詞,比如 red、blue、green 等。如果需要使用中文顏色名稱,可以引入名為 “中文顏色名稱表示法”的方法。
十六進(jìn)制值由 3 或 6 個(gè)十六進(jìn)制數(shù)表示,一般采用前兩個(gè)數(shù)表示紅色、中間兩個(gè)數(shù)表示綠色、后兩個(gè)數(shù)表示藍(lán)色,如 #ff0000 表示紅色。
RGB 值由三個(gè)表示紅、綠、藍(lán)色的數(shù)字組成,每個(gè)數(shù)字取值范圍為 0 到 255,如 rgb(255, 0, 0) 表示紅色。
HSL 值分別表示色調(diào)(Hue)、飽和度(Saturation)和亮度(Lightness),所以 HSL 值相對(duì)于 RGB 值更容易調(diào)節(jié)顏色的亮度和飽和度,如 hsl(0, 100%, 50%) 表示紅色。
除此之外,還可以使用 RGBA 和 HSLA 來進(jìn)行顏色的表示,其中 A 表示透明度(Alpha),取值范圍為 0 到 1,如 rgba(255, 0, 0, 0.5) 表示透明度為 0.5 的紅色。
/* 使用 RGBA 值 */ p { color: rgba(255, 0, 0, 0.5); } /* 使用 HSLA 值 */ p { color: hsla(0, 100%, 50%, 0.5); }