CSS 顏色的亮度可以通過調整它的 HSL(色相、飽和度、亮度)值來實現。如果你想將一個顏色的亮度增加 10,只需要將其亮度值增加 10 即可。下面是一個示例代碼:
color: hsl(230, 50%, 50%); /* 原始顏色為深藍色 */ color: hsl(230, 50%, 60%); /* 將亮度增加 10 */
這里的 hsl() 函數表示使用 HSL 色彩模式。其中第一個參數 230 代表色相值,50% 代表飽和度值,50% 代表初始亮度值。第二行的樣式代碼中,將亮度值從 50% 增加到了 60%。
需要注意的是,CSS 顏色的亮度值范圍是 0% 到 100%,其中 0% 表示完全黑色,100% 表示完全白色。因此,如果你的原始顏色已經是較淺的顏色,增加 10 的亮度可能會超過 100% 的范圍,這時候可以考慮調整色相或飽和度等參數來實現類似的效果。