顏色 - 為什么 CSS3 的 hsl 色彩模式很少被使用?
問題描述
color:hsl(120,65%,75%)
色相,飽和度,亮度的hsl記法相比rgb更難理解嗎?
問題解答
回答1:可能是歷史原因。畢竟w3c規范中,最早出現的顏色空間是rgb,而且基于加法原則的rgb顏色空間對顯示器是更加友好的,因為顯示器的信道剛好是rgb三通道。
相對應的,cmyk則是基于減法原則的顏色空間,由于顏料的物理混合不可能完全均勻,以及環境光問題,cmyk實際應用上可能與對應的rgb空間顏色相比要更暗(比如同一幅畫的印刷品比顯示品往往要顯得灰暗)。
不過rgb/rgba并不是對人類,尤其是藝術家友好的顏色。如果你學過藝術,你肯定經常說這是什么顏色、什么明度、什么純度(飽和度),而不會說這個顏色有多少階的藍、多少階的紅。如果有人直接用css搞創作的話,這些hsl屬性還是能幫忙的。而且,hsl在表達明度方面確實比rgb更準確,當然,這個“準確”是物理層面的,數學層面上,rgb、cmyk、hsl這三個顏色空間當然可以相互轉換。
再一個就是,hsl顏色空間可以配合css3動畫。比如同色相從明到暗的變化,顯然hsl更方便表達一些。
影視后期特效制作方面,hsl顏色空間用得更多一些,不知道以后css動畫變得像美國科幻大片這樣復雜了,會不會也大規模應用hsl。
最后吐槽:其實w3c還不如把yuv顏色空間單位也列入標準呢……
回答2:難道不是因為兼容性?
回答3:因為頁面都是從PSD等設計稿上過來的,如果是顏色值的話,就直接通過取色軟件獲取,一般都是十六進制的顏色。現在為了一些透明的方便,而增加了一個RGBA的方式來表示。所以這兩種才會比HSL的方式要流行很多。
然后還有一個就是HSL的方式,需要對H、S、L這三種顏色模式有一定的了解才好操作,具體還是要根據項目需求來確定用什么顏色值比較好。
這里有一個是曾經很早之前我用HSL的方式來做的小東西,代碼很爛……http://lab.tianyizone.com/color.html
回答4:兼容性,還有透明度,RGB和RGBA秒殺HSL
回答5:RGB模式,我可以是很容易地想象各種顏色比例,知道想紅一點怎么做,藍一點怎么做,你讓我記色相,怎么弄?
回答6:rgb和rgba是主流的吧,W3C推薦這個
相關文章:
1. python - 我在使用pip install -r requirements.txt下載時,為什么部分能下載,部分不能下載2. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處3. node.js - nodejs開發中常用的連接mysql的庫4. 網頁爬蟲 - python 爬取網站 并解析非json內容5. mysql - jdbc的問題6. Python爬蟲如何爬取span和span中間的內容并分別存入字典里?7. 視頻文件不能播放,怎么辦?8. mysql - 如何減少使用或者不用LEFT JOIN查詢?9. python - 編碼問題求助10. linux - python 抓取公眾號文章遇到驗證問題
