颜色的表示

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章
  • 在CSS中可以直接使用颜色的英文单词来表示不同的颜色。
例如:

红色:red            蓝色:blue
绿色:green          粉色:pink
天蓝:skyblue        橙色:orange

  • 也可以使用RGB值来表示不同的颜色。
    所谓RGB值指的是通过red、green、blue三原色按照不同浓度进行混合,来表示出千千万万的颜色。
    语法:rgb(红色的浓度,绿色的浓度,蓝色的浓度);
    颜色的浓度是一个0~255的十进制数值,255表示最浓,0表示没有。
    颜色的浓度也可以是一个百分数,0%~100%

使用百分数最终也会转换为0~255之间的数值。0%表示0,100%表示255。


  • 还可以使用十六进制的RGB值来表示不同的颜色。
    其原理和十进制数值表示法一样,只不过使用十六进制数值来代替,使用三组两位的十六进制数来表示一个颜色,每组表示一个原色的浓度。
    • 第一组表示红色的浓度;
    • 第二组表示绿色的浓度;
    • 第三组表示蓝色的浓度。

语法:#红色绿色蓝色

十六进制:0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f
每组范围:00~ff
00表示没有,相当于RGB中的0
ff表示没有,相当于RGB中的255
红色:#ff0000        绿色:#00ff00        蓝色:#0000ff

#ff0000 这种两两重复的颜色值可以简写为 #f00 ,那么#abc 表示 #aabbcc

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/25.html