最近我學習到了一種有趣的 CSS 技巧：提取圖片顏色。我們可以通過合適的 CSS 屬性和函數提取一張圖片的主色調并用在頁面設計中，增加了設計的統一性和美觀性。

CSS 提供了兩個屬性可以實現提取圖片顏色：background-color 和 filter。我們可以通過 background-color 把圖片顏色作為背景色，還可以利用 filter 的 saturate 和 brightness 函數改變圖片顏色飽和度和亮度。

img {
display: block;
width: 100%;
height: auto;
background-color: #fff; /* 背景色為白色 */
filter: brightness(0.8) saturate(80%) /* 飽和度為 80%，亮度為 80% */
}

提取圖片顏色的方法還有很多，比如使用 JavaScript 和 Canvas 提取主色調，或者借助第三方工具，如 Color Thief。

我喜歡利用 CSS 技巧提升設計的美觀性和可讀性。希望這個小技巧能對你的設計也有所幫助。