CSS三原色(RGB)是指紅色、綠色和藍(lán)色。這三種顏色可以通過(guò)不同的比例混合在一起,來(lái)創(chuàng)造出不同顏色的顯示效果。
color: rgb(255, 0, 0); /*紅色*/ color: rgb(0, 255, 0); /*綠色*/ color: rgb(0, 0, 255); /*藍(lán)色*/
這三種顏色可以通過(guò)混合來(lái)創(chuàng)造出其他顏色。例如,通過(guò)將紅色和綠色混合,可以得到黃色,通過(guò)將紅色和藍(lán)色混合,可以得到紫色,通過(guò)將綠色和藍(lán)色混合,可以得到青色。
color: rgb(255, 255, 0); /*黃色*/ color: rgb(255, 0, 255); /*紫色*/ color: rgb(0, 255, 255); /*青色*/
在CSS中,還有一種顏色表示方法是通過(guò)十六進(jìn)制數(shù)來(lái)表示。每種顏色的RBG值可以用兩個(gè)十六進(jìn)制數(shù)來(lái)表示。例如,紅色的RGB值是(255, 0, 0),用十六進(jìn)制數(shù)表示就是#FF0000。
color: #FF0000; /*紅色*/ color: #00FF00; /*綠色*/ color: #0000FF; /*藍(lán)色*/ color: #FFFF00; /*黃色*/ color: #FF00FF; /*紫色*/ color: #00FFFF; /*青色*/
除了RGB和十六進(jìn)制表示法之外,CSS還提供了一種稱(chēng)為HSL表示法的顏色表示方法。HSL表示色相(Hue)、飽和度(Saturation)和亮度(Lightness)。在這種表示法中,顏色的色相是在一個(gè)環(huán)形色譜圖中表示的,可以用一個(gè)角度值來(lái)表示;飽和度是指顏色的純度,可以用一個(gè)百分比表示;亮度是指顏色的亮度,可以用一個(gè)0%到100%的值表示。
color: hsl(0, 100%, 50%); /*紅色*/ color: hsl(120, 100%, 50%); /*綠色*/ color: hsl(240, 100%, 50%); /*藍(lán)色*/ color: hsl(60, 100%, 50%); /*黃色*/ color: hsl(300, 100%, 50%); /*紫色*/ color: hsl(180, 100%, 50%); /*青色*/
CSS三原色在網(wǎng)頁(yè)設(shè)計(jì)中使用極為廣泛,通過(guò)熟練掌握RGB和HSL表示法,可以輕松地實(shí)現(xiàn)各種顏色效果。