在 CSS 中,颜色可以使用多种表示方式,包括十六进制、RGB、RGBA、HSL、HSLA 等。以下是一些常见的 CSS 颜色表示方式:

十六进制颜色:
color: #ff0000; /* 红色 */
background-color: #336699; /* 深蓝色 */

RGB 颜色:
color: rgb(255, 0, 0); /* 红色 */
background-color: rgb(51, 102, 153); /* 深蓝色 */

RGBA 颜色:

RGBA 允许定义颜色的同时指定透明度(A 表示 Alpha,取值范围为 0.0 到 1.0)。
color: rgba(255, 0, 0, 0.5); /* 半透明红色 */
background-color: rgba(51, 102, 153, 0.8); /* 半透明深蓝色 */

HSL 颜色:

HSL 表示色相(Hue)、饱和度(Saturation)、亮度(Lightness)。色相取值范围是 0 到 360,饱和度和亮度取值范围是 0% 到 100%。
color: hsl(0, 100%, 50%); /* 红色 */
background-color: hsl(210, 50%, 50%); /* 深蓝色 */

HSLA 颜色:

HSLA 允许定义颜色的同时指定透明度。
color: hsla(0, 100%, 50%, 0.5); /* 半透明红色 */
background-color: hsla(210, 50%, 50%, 0.8); /* 半透明深蓝色 */

预定义颜色名:

CSS 还提供了一些预定义的颜色名,如 red、blue、green 等。
color: red;
background-color: blue;

这些都是常用的 CSS 颜色表示方式,你可以根据需要选择合适的方式。颜色在页面设计中非常重要,正确的颜色选择可以提高页面的可读性和吸引力。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12589/CSS