在CSS里面常用的三种调用颜色方法
简介
在css里面调用颜色的代码有很多种,
常用的有三种,分别是:
1.最基础最原始 英语关键词代替颜色,
例如: Red(红色),blue(蓝色)。
2.十六进制方法 0-9 A B C D E F
例如:#FF0000(红色) #00FF00(绿色)
3.RGB调用颜色方法
R 红色 G 绿色 B 蓝色
由浅到深分别是 0 - 255
例如:RGB(255,0,0) 红色
RGB(100%,0%,0%) 红色
在最开始,大部分人用的是英文代替颜色,对于对英语一窍不通的人来说,背那些英文单词实在是头疼....例如我。
后来又出现了RGB和16进制方法,这两种方法比起英语单词来是比较简单的,大部分人也是喜欢用这两种方法来调用颜色。
英语定义颜色法
常见的写法例如:
<p style="color:red"> 红色</p>
<p style="color:blue">蓝色</p>
RGB定义颜色方法
RGB 代表的分别是 红 绿 蓝
分别由 0 - 255 来定义颜色的深浅
0 是最浅的 相当于没有 255 是最深的
例如:RGB(255,0,0) 代表红色的深度为最深,绿色和蓝色相当于没有,也就是0,所以代表的意思是纯红色。
常用的颜色使用RGB调用方法:
RGB(255,255,255) 黑色
RGB(0,0,0) 白色
RGB(255,0,0) 红色
RGB(0,255,0) 绿色
RGB(0,0,255) 蓝色
也可以使用百分比来代替数字
100%代表的就是 255
例如:RGB(100%,0%,0%) 红色
十六进制方法
我们常说的十进制是 0 - 9
而16进制就是在十进制的基础上加上六个字母
十六进制:0 - 9 A B C D E F
十六进制方法使用方法和RGB调用方法差不多,也是通过颜色的深浅度也定义颜色。
0 表示颜色最浅 相当于没有
F 表示颜色最深,相当于RGB里面的255
举例: #FF0000 红色
#00FF00 绿色
#0000FF 蓝色
十六进制的理论和RGB调用颜色的理论是一样的。
评论列表