CSS 除了可以利用十六進位色碼和顏色名稱設定顏色,也能使用許多「色彩模型」的函式來定義指定顏色,這個單元會介紹「色彩模型」相關的 CSS 函式,例如 rgb()、hsl()、lab()、lch()、color()、color-mix()、light-dark() 等等,透過不同色域或色彩數值的定義,讓網頁的顏色更加舒服鮮明。
影片重點:
相關參考:
其實雖然 CSS 提供了這麼多的色彩函式,我自己通常都只用十六進位色碼,現在甚至連透明色都用十六進位色馬來來處裡,方便又快速,不過如果有跟其他程式互相轉換的應用情境,可能還是會派上用場吧!( 雖然我覺得使用機會不高就是了 )
更多參考: