從事網(wǎng)站建設(shè)工作十幾年來，感覺每天都有不一樣的驚喜，最近又發(fā)現(xiàn)CSS全新更廣的色域！新的色彩空間！新的顏色功能！新的語法！這真的讓我們的網(wǎng)站建設(shè)有了更多的可能。

網(wǎng)站建設(shè)中CSS顏色模塊級別4規(guī)范在2023年成為候選推薦標(biāo)準(zhǔn)時定義了一系列新的顏色功能。而相對的色彩領(lǐng)域得到了最大的關(guān)注，兩個新的顏色空間的引入拓寬了我們必須處理的顏色領(lǐng)域。我不是顏色專家。但是我喜歡向我的CSS工具箱中添加新的內(nèi)容，并在網(wǎng)站建設(shè)中很好的運用。

這是CSS中一個新的顏色空間，據(jù)比我聰明的專家說，提供比sRGB色域多50%的色彩我們與合作了這么長時間，因為它支持更寬的色域。色彩空間？甜甜圈？這些是我熟悉但從未真正理解的許多與顏色相關(guān)的術(shù)語之一。直到現(xiàn)在，我的頭腦才開始思考這些概念，以及它們?nèi)绾闻cCSS相關(guān)聯(lián)，以及我如何在自己的作品中使用顏色。

我們要認(rèn)識到，如果沒有對兩者之間的區(qū)別的至少一個工作理解，就無法理解Oklchgamuts和色彩空間。新手一般認(rèn)為它們是一樣的:一系列顏色。事實上我們都知道的Figma和Sketch等應(yīng)用程序中的顏色選擇器。之前會認(rèn)為全部只是顏色選擇器中可用顏色的一個更通俗的術(shù)語，顏色選擇器只是在色域中選擇顏色的一個方便的界面。其實不是，全部實際上是一系列的東西，在這個例子中，是一系列的顏色。這個范圍可能基于一個點，如果我們把它放在一個軸上。或者它可能是一系列多個坐標(biāo)，就像我們在雙軸網(wǎng)格上看到的那樣?，F(xiàn)在，色域覆蓋了更廣的范圍，從中心開始，可以指向任何方向。


因此色域是范圍，范圍需要一個參考來確定這些軸的上限和下限。這就是我們開始討論的地方色彩空間。A彩色空間定義了色域上繪制點的格式。在…期間受過更多訓(xùn)練的人當(dāng)然有更多的技術(shù)解釋我對色彩空間的基本理解是，它們?yōu)樯蛱峁┝擞成?，或者說是“形狀”，并定義了如何在色域中處理顏色。所以，sRGB是一種顏色全部它跨越了范圍的顏色，十六進(jìn)制、RGB和HSL(當(dāng)然還有其他顏色)是間隔我們必須探索整個領(lǐng)域。

這就是為什么您可能會聽到一個色彩空間比另一個色彩空間的色域“更寬”或“更窄”，這是一個形狀中的一系列可能性。