CSS3中設置顏色有以下方式:
/* 十六進制 */ color: #FF0000; /* RGB */ color: rgb(255, 0, 0); /* RGBA(帶alpha透明度) */ color: rgba(255, 0, 0, 0.5); /* HSL(色相、飽和度、亮度) */ color: hsl(0, 100%, 50%); /* HSLA(帶alpha透明度) */ color: hsla(0, 100%, 50%, 0.5); /* 顏色關鍵詞 */ color: red;
其中,十六進制是最常用的顏色表示方法,由#和6個字符組成(每個字符代表16進制中的1個值),如#FF0000表示紅色。RGB表示顏色的是紅、綠、藍的值,每個值的范圍為0-255,如rgb(255, 0, 0)表示紅色。RGBA在RGB的基礎上增加了一個alpha透明度的值,范圍在0-1之間,如rgba(255, 0, 0, 0.5)表示半透明的紅色。
HSL表示顏色的色相、飽和度、亮度三個值,色相范圍為0-360度,飽和度和亮度為0-100%之間的百分比值,如hsl(0, 100%, 50%)表示紅色。HSLA在HSL的基礎上增加了alpha透明度值,如hsla(0, 100%, 50%, 0.5)表示半透明的紅色。
除此之外,還可以使用顏色關鍵詞表示顏色,如red表示紅色。