Web前端入门：CSS中颜色三种写法

在CSS中，颜色的表示有三种写法，分别是：

 英文单词   16进制    rgb+rgba

1.英文单词:

例如：red, white, blue, skyblue, pink, deeppink, hotpink, yellowgreen, gold, sliver, brown...darkred.....

这是最简单易懂的写法，简单的颜色是比较好写的，复杂难记的英语单词就比较考验记忆力了。

color: blue;

2. 16进制

#6位16进制

#000000为黑色

#ffffff为白色

两位为一组     一组代表一个色相 即 # red green blue

#ff0000 红色

#00ff00 绿色

越接近于0 颜色越深 #333 #242424 #ccc

两位值相同时只写一位

即 #eeccff ===> #ecf

color: #d42141;

3. rgb(red,green,blue) 10进制表示法

red: 00-ff 0-255

rgb(0-255,0-255,0-255)

透明度色rgba(red,green,blue,alpha)

rgba(255,0,0,0.5)

alpha表示透明度  取值范围为0-1    为闭区间[0,1]   0完全透明    1不透明

color: rgb(223,112,78);
background-color: rgba(255,0,0,0.5);