CSS中最好的顏色功能？

我之前已經說過，HSL是我們擁有的最佳顏色格式。我們大多數人都不喜歡可以閱讀十六進制代碼的David Desandro。如果需要的話，HSL（a）是色相，飽和度，輕度和α。

 HSL（120，100％，40％）

色調不是直覺的，但這並不是那麼奇怪。您從0到360的色輪上旅行。飽和度更為明顯，而0％的顏色被吸收出來，例如灰度，而100％的色調則完全豐富。輕度為50％的“正常”，當您朝著100％和0％的情況下，添加白色或黑色。我敢肯定，這不是解釋它的正確科學或技術方式，而是大腦邏輯。

使用HSL仍然存在問題，Brian Kardell深入解釋了這一點。我遠非彩色專家，但我想我看到了布萊恩（Brian）（和亞當）在這篇文章中所說的話。假設您有三種不同的顏色，它們在HSL中的輕度完全相同。這並不意味著它們實際上都是相同的輕度。這有點奇怪，尤其是當您將這種顏色形式作為顏色系統的一部分時。

好消息是，已經將顏色功能指定為CSS 4級模塊，可以幫助您使用：實驗室和LCH。查看亞當的示例，在該示例中，實驗室中的顏色具有值，可以更準確地反映其實際發光，以了解我們的感知方式。

HSL vs Lab ::輕巧？

我們棘手的顏色民意調查中的顏色相同，但是這次我在頂部展示了實驗室的相同顏色的版本。請注意，實驗室的輕度價值與我們的民意調查結果有多大接近！

？顏色空間並非所有人！ https://t.co/aies0amdwy pic.twitter.com/xkeguq3kzg

- Adam Argyle（@argyleink）2019年12月3日

布萊恩：

有諸如實驗室和LCH之類的顏色空間，它們涉及完整的光譜，並且具有感知統一等品質。因此，如果我們希望在實際設計系統中使用出色的顏色功能，那麼每個人似乎都同意，在實驗室/LCH顏色空間中獲得數學的支持是理想的啟示功能。

在Chrome的錯誤票中，Tab認為這些幾乎是微不足道的。

請注意，Lab（）/lCH（）/灰色（）都可以熱切地轉換為我們現有的顏色基礎架構；他們沒有引入任何根本的新概念，它們只是指定顏色的更好方法，與我們的眼睛實際運作更加緊密相關，而不是與RGB像素的功能緊密相關。

將其轉換為RGB的轉換功能是一點點代碼，但它只是一些指數和一些矩陣乘法，並且在規格中有充分的文獻記錄。

我認為，這應該是一種很好的事情。

以上是CSS中最好的顏色功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！