問(wèn)題描述

color:hsl(120,65%,75%)

色相，飽和度，亮度的hsl記法相比rgb更難理解嗎？

問(wèn)題解答

可能是歷史原因。畢竟w3c規(guī)范中，最早出現(xiàn)的顏色空間是rgb，而且基于加法原則的rgb顏色空間對(duì)顯示器是更加友好的，因?yàn)轱@示器的信道剛好是rgb三通道。

相對(duì)應(yīng)的，cmyk則是基于減法原則的顏色空間，由于顏料的物理混合不可能完全均勻，以及環(huán)境光問(wèn)題，cmyk實(shí)際應(yīng)用上可能與對(duì)應(yīng)的rgb空間顏色相比要更暗（比如同一幅畫(huà)的印刷品比顯示品往往要顯得灰暗）。

不過(guò)rgb/rgba并不是對(duì)人類(lèi)，尤其是藝術(shù)家友好的顏色。如果你學(xué)過(guò)藝術(shù)，你肯定經(jīng)常說(shuō)這是什么顏色、什么明度、什么純度（飽和度），而不會(huì)說(shuō)這個(gè)顏色有多少階的藍(lán)、多少階的紅。如果有人直接用css搞創(chuàng)作的話(huà)，這些hsl屬性還是能幫忙的。而且，hsl在表達(dá)明度方面確實(shí)比rgb更準(zhǔn)確，當(dāng)然，這個(gè)“準(zhǔn)確”是物理層面的，數(shù)學(xué)層面上，rgb、cmyk、hsl這三個(gè)顏色空間當(dāng)然可以相互轉(zhuǎn)換。

再一個(gè)就是，hsl顏色空間可以配合css3動(dòng)畫(huà)。比如同色相從明到暗的變化，顯然hsl更方便表達(dá)一些。

影視后期特效制作方面，hsl顏色空間用得更多一些，不知道以后css動(dòng)畫(huà)變得像美國(guó)科幻大片這樣復(fù)雜了，會(huì)不會(huì)也大規(guī)模應(yīng)用hsl。

最后吐槽：其實(shí)w3c還不如把yuv顏色空間單位也列入標(biāo)準(zhǔn)呢……

難道不是因?yàn)榧嫒菪裕?/p>回答3：

因?yàn)轫?yè)面都是從PSD等設(shè)計(jì)稿上過(guò)來(lái)的，如果是顏色值的話(huà)，就直接通過(guò)取色軟件獲取，一般都是十六進(jìn)制的顏色。現(xiàn)在為了一些透明的方便，而增加了一個(gè)RGBA的方式來(lái)表示。所以這兩種才會(huì)比HSL的方式要流行很多。

然后還有一個(gè)就是HSL的方式，需要對(duì)H、S、L這三種顏色模式有一定的了解才好操作，具體還是要根據(jù)項(xiàng)目需求來(lái)確定用什么顏色值比較好。

這里有一個(gè)是曾經(jīng)很早之前我用HSL的方式來(lái)做的小東西，代碼很爛……h(huán)ttp://lab.tianyizone.com/color.html

兼容性，還有透明度，RGB和RGBA秒殺HSL

RGB模式，我可以是很容易地想象各種顏色比例，知道想紅一點(diǎn)怎么做，藍(lán)一點(diǎn)怎么做，你讓我記色相，怎么弄？

rgb和rgba是主流的吧，W3C推薦這個(gè)