red 关于css的颜色

html-css050

red 关于css的颜色,第1张

CSS的颜色写法分为几种

1、直接书写英文名字。这样的好处是直观。但是没有能很好的控制颜色。

2、rgb(0,0,0)中间的三个 数字分别是0-255.分别代表红 绿 蓝三个颜色。数字数字越大,颜色越深。

3、#FCFCFC 这样是用十六进制来表示颜色。跟上面rgb差不多。两位英文代表一个原色。分别是红绿蓝。这种写法有缩写。比如#FFFFFF可以等于成#FFF,还有#CCFFCC,可以写成#CFC。这就是颜色的写法。

4、rgba(0,0,0,0)前面三个数字跟rgb一样的,最后一个是透明度的控制。取值范围是0-1.一位小数。越接近零。越透明。注意的是。这种有兼容问题。是CSS3的属性。

要想表示红色。就可以写成red #F00 #FF0000 rgb(255,0,0)

<span style="color:red">红色</span>

<span style="color:#ff0000">红色</span>

在RGB颜色里,在后面四个为0的情况下,ff-00不断变化,红色不断加深。

如:

<span style="color:#ff0000">红色</span>

<span style="color:#ee0000">红色</span>

<span style="color:#dd0000">红色</span>

<span style="color:#cc0000">红色</span>

<span style="color:#990000">红色</span>

颜色值

CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。

十六进制值使用三个双位数来编写,并以 # 符号开头。

颜色

颜色 HEX

颜色 RGB

#000000rgb(0,0,0)

#FF0000rgb(255,0,0)

#00FF00rgb(0,255,0)

#0000FFrgb(0,0,255)

#FFFF00rgb(255,255,0)

#00FFFFrgb(0,255,255)

#FF00FFrgb(255,0,255)

#C0C0C0rgb(192,192,192)

#FFFFFFrgb(255,255,255)

亲自试一试

1600 万种不同的颜色

从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色(根据 256 x 256 x 256 计算)。

大多数现代的显示器都能显示出至少 16384 种不同的颜色。

如果您查看下面的表格,您将看到红光从 0 到 255 变化后的结果,此时绿光和蓝光为零。

如需查看红光由 0 向 255 变化的完整颜色混合器列表,请点击下面的十六进制值或 rgb 值。