過去如果要根據現有顏色進行調整，往往需要依賴 CSS 預處理器 ( SASS、LESS ) 或手動管理大量的自訂顏色，但隨著 CSS 技術的發展，目前已經可以開始透過「CSS 相對顏色」（ CSS Relative Colors ），以更簡潔、更動態的方式來處理顏色，這個單元會介紹如何使用 CSS 的相對顏色。

影片重點：

• 00:01:00 認識 CSS 相對顏色
• 00:03:32 使用相對顏色的好處
• 00:05:56 範例：調整飽和度、明度、透明度
• 00:09:33 範例：相鄰色、對比色、互補色

相關參考：

• 教學文：CSS 相對顏色
• 影片連結：https://www.youtube.com/watch?v=v62gfD7Dlv8

後記

今天終於鼓起勇氣跑去 FB 的 Front-End Developers Taiwan 社團分享了我的 CSS 教學大全，想不到我原本以為好像都只有老人 ( 也有我 ) 在用的 FB，也再度給了我一些鼓舞和不錯的迴響，只要好好做就對了！

不過由於太多東西要自己來 ( 研究新技術、寫文章、畫圖、拍影片、剪接 )，結果反而忽略經營社群 ( 懶得經營社群就明講 )，我看應該要用 AI 來幫忙解決一些事情惹～ XD

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html