新聞中心
在CSS中,顏色可以通過多種方式表示,以下是一些常見的顏色表示方法:

1、十六進(jìn)制顏色代碼
2、RGB顏色代碼
3、RGBA顏色代碼
4、HSL顏色代碼
5、HSLA顏色代碼
6、HSLV顏色代碼
7、HSLW顏色代碼
8、CMYK顏色代碼
9、CIELAB顏色代碼
10、Lab顏色代碼
11、LCH顏色代碼
12、LCH A顏色代碼
13、XYZ顏色代碼
14、XYZ A顏色代碼
15、Luminance顏色代碼
16、Lightness顏色代碼
17、Chroma顏色代碼
18、Huerotate顏色代碼
19、Saturation顏色代碼
20、Grayscale顏色代碼
21、CurrentColor顏色值
22、Transparent透明色
以下是這些顏色的詳細(xì)解釋和示例:
1、十六進(jìn)制顏色代碼:以井號(hào)(#)開頭的6位十六進(jìn)制數(shù)字,分為紅色、綠色、藍(lán)色三個(gè)部分,每個(gè)部分兩位。#FF0000表示紅色,#00FF00表示綠色,#0000FF表示藍(lán)色。
2、RGB顏色代碼:使用三個(gè)數(shù)字表示紅、綠、藍(lán)三種顏色的強(qiáng)度,范圍為0255,rgb(255, 0, 0)表示紅色,rgb(0, 255, 0)表示綠色,rgb(0, 0, 255)表示藍(lán)色。
3、RGBA顏色代碼:在RGB顏色代碼的基礎(chǔ)上添加一個(gè)透明度參數(shù),范圍為01,rgba(255, 0, 0, 0.5)表示半透明的紅色。
4、HSL顏色代碼:使用色相(Hue)、飽和度(Saturation)、亮度(Lightness)三個(gè)參數(shù)表示顏色,hsl(0, 100%, 50%)表示紅色。
5、HSLA顏色代碼:在HSL顏色代碼的基礎(chǔ)上添加一個(gè)透明度參數(shù),范圍為01,hsla(0, 100%, 50%, 0.5)表示半透明的紅色。
6、HSLV顏色代碼:使用色相(Hue)、飽和度(Saturation)、亮度(Lightness)、變量(Value)四個(gè)參數(shù)表示顏色,hslv(0, 100%, 50%, 50%)表示紅色。
7、HSLW顏色代碼:在HSLV顏色代碼的基礎(chǔ)上添加一個(gè)權(quán)重(Weight)參數(shù),范圍為01,hslw(0, 100%, 50%, 50%, 0.5)表示半透明的紅色。
8、CMYK顏色代碼:使用青色(Cyan)、品紅(Magenta)、黃色(Yellow)、黑色(Black)四個(gè)參數(shù)表示顏色,cmyk(0, 100%, 100%, 50%)表示紅色。
9、CIELAB顏色代碼:使用國際照明委員會(huì)(CIE)定義的L*a*b*三個(gè)參數(shù)表示顏色,lab(50%, 20%, 30%)表示紅色。
10、Lab顏色代碼:使用L*a*b三個(gè)參數(shù)表示顏色,lab(50%, 20%, 30%)表示紅色。
11、LCH顏色代碼:使用L*色度(Chroma)、C*色調(diào)(Hue)、H*色相角(Hue angle)三個(gè)參數(shù)表示顏色,lch(50%, 45deg, 270deg)表示紅色。
12、LCH A顏色代碼:在LCH顏色代碼的基礎(chǔ)上添加一個(gè)透明度參數(shù),范圍為01,lch(50%, 45deg, 270deg, 0.5)表示半透明的紅色。
13、XYZ顏色代碼:使用國際照明委員會(huì)(CIE)定義的X*Y*Z三個(gè)參數(shù)表示顏色,xyz(1, 1, 1)表示白色,xyz(1, 1, 1)表示黑色。
14、XYZ A顏色代碼:在XYZ顏色代碼的基礎(chǔ)上添加一個(gè)透明度參數(shù),范圍為01,xyza(1, 1, 1, 0.5)表示半透明的白色。
15、Luminance顏色代碼:使用亮度(Luminance)參數(shù)表示顏色,范圍為01,luminance(50%)表示中等亮度的顏色。
16、Lightness顏色代碼:使用亮度(Lightness)參數(shù)表示顏色,范圍為01,lightness(50%)表示中等亮度的顏色。
17、Chroma顏色代碼:使用色度(Chroma)參數(shù)表示顏色,范圍為01,chroma(45%)表示中等飽和度的顏色。
18、Huerotate顏色代碼:使用色相旋轉(zhuǎn)(Huerotate)參數(shù)表示顏色,范圍為deg或rad角度值,huerotate(90deg)表示將色相旋轉(zhuǎn)90度的顏色。
19、Saturation顏色代碼:使用飽和度(Saturation)參數(shù)表示顏色,范圍為百分比值,saturation(50%)表示中等飽和度的顏色。
20、Grayscale顏色代碼:使用灰度值(Grayscale)參數(shù)表示灰色或黑色的顏色,grayscale(50%)表示半透明的灰色。
文章標(biāo)題:CSS中顏色代碼大全總結(jié)(收藏)
鏈接分享:http://m.fisionsoft.com.cn/article/cocsocp.html


咨詢
建站咨詢
