iT邦幫忙

2025 iThome 鐵人賽

0

CSS 除了可以利用十六進位色碼和顏色名稱設定顏色,也能使用許多「色彩模型」的函式來定義指定顏色,這個單元會介紹「色彩模型」相關的 CSS 函式,例如 rgb()、hsl()、lab()、lch()、color()、color-mix()、light-dark() 等等,透過不同色域或色彩數值的定義,讓網頁的顏色更加舒服鮮明。

影片重點:

相關參考:

CSS 色彩模型 ( 函式類型 )

後記

其實雖然 CSS 提供了這麼多的色彩函式,我自己通常都只用十六進位色碼,現在甚至連透明色都用十六進位色馬來來處裡,方便又快速,不過如果有跟其他程式互相轉換的應用情境,可能還是會派上用場吧!( 雖然我覺得使用機會不高就是了 )

更多參考:


上一篇
( Day 40 ) CSS 顏色單位
下一篇
( Day 42 ) CSS 相對顏色
系列文
A CSS Video a Day, Keeps Web Confusion Away!!44
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言