CSS颜代码大全参照表
CSS颜代码是用来设置网页元素的颜的一种方法。在CSS中,可以使用多种方式来表示颜,包括预定义的颜名称、十六进制值、RGB值、HSL值等等。下面是一个CSS颜代码的大全参照表,包含了常用的颜名称和对应的代码表示。
1. 预定义颜名称:
好看的css代码- black: #000000
- silver: #C0C0C0
- gray: #808080
- white: #FFFFFF
- maroon: #800000
- red: #FF0000
-
purple: #800080
- fuchsia: #FF00FF
- green: #008000
- lime: #00FF00
- olive: #808000
- yellow: #FFFF00
- navy: #000080
- blue: #0000FF
- teal: #008080
- aqua: #00FFFF
2. 十六进制颜值:
十六进制颜值由6位十六进制数字组成,前两位表示红分量,中间两位表示绿分量,最后两位表示蓝分量。每个分量的取值范围是00到FF,其中00表示最小值,FF表示最大值。
例如,红的十六进制颜值是#FF0000,绿的十六进制颜值是#00FF00,蓝的十六进制颜值是#0000FF。
3. RGB颜值:
RGB颜值由三个数字组成,分别表示红分量、绿分量和蓝分量。每个分量的取值范围是0到255,其中0表示最小值,255表示最大值。
例如,红的RGB颜值是rgb(255, 0, 0),绿的RGB颜值是rgb(0, 255, 0),蓝的RGB颜值是rgb(0, 0, 255)。
4. RGBA颜值:
RGBA颜值和RGB颜值类似,只是在RGB颜值的基础上添加了一个透明度分量。透明度分量的取值范围是0到1,其中0表示完全透明,1表示完全不透明。
例如,红完全不透明的RGBA颜值是rgba(255, 0, 0, 1),绿半透明的RGBA颜值是rgba(0, 255, 0, 0.5),蓝完全透明的RGBA颜值是rgba(0, 0, 255, 0)。
5. HSL颜值:
HSL颜值由三个数字组成,分别表示相(Hue)、饱和度(Saturation)和亮度(Lightness)。相的取值范围是0到360,饱和度和亮度的取值范围是0%到100%。
例如,红的HSL颜值是hsl(0, 100%, 50%),绿的HSL颜值是hsl(120, 100%, 50%),蓝的HSL颜值是hsl(240, 100%, 50%)。
6. HSLA颜值:
HSLA颜值和HSL颜值类似,只是在HSL颜值的基础上添加了一个透明度分量。透明度分量的取值范围是0到1,其中0表示完全透明,1表示完全不透明。
例如,红完全不透明的HSLA颜值是hsla(0, 100%, 50%, 1),绿半透明的HSLA颜值是hsla(120, 100%, 50%, 0.5),蓝完全透明的HSLA颜值是hsla(240, 100%, 50%, 0)。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论