颜色属性详细说明以及案例

参考资料

1. CSS尺寸属性详细说明以及案例
2. display: flex/inline-flex示例
3. 层次/关系选择器详细说明以及案例
4. Flex布局与Grid布局的对比？
5. Flexbox布局有哪些常见的误区？
6. 详细说明Flexbox基础属性
7. 详细说明：justify-content: flex-start/end
8. CSS有哪些常用的选择器？

颜色属性主要分为色相、饱和度和明度三个方面：

1. 色相（Hue）
   色相是颜色的基本属性，指颜色的种类，如红、黄、蓝等。色相由光的波长决定。
   案例：红色的色相值为0°，绿色的色相值为120°，蓝色的色相值为240°。

2. 饱和度（Saturation）
   饱和度指颜色的纯度或鲜艳程度。饱和度越高，颜色越鲜艳；饱和度越低，颜色越接近灰色。
   案例：深红色的饱和度为100%，粉红色的饱和度较低，约为40%-60%。

3. 明度（Brightness/Lightness）
   明度指颜色的亮度。明度越高，颜色越接近白色；明度越低，颜色越接近黑色。
   案例：浅黄色的明度较高，深褐色的明度较低。

综合案例：

• 色相：蓝色（240°）

• 饱和度：鲜艳的蓝色（100%）

• 明度：明亮的蓝色（高明度）

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。