14、CSS中颜色设置方法

html-css010

14、CSS中颜色设置方法,第1张

在我们的显示屏中,一个像素点由三原色构成,分别为:红、绿、蓝。然而在计算机中使用0-255来表示某个原色的不同程度,在二进制中,可以使用八位二进制(00000000-11111111)进行表示。在十六进制中用( 00-ff )表示。那么红色(0-255),绿色(0-255),蓝色(0-255)三原色组成的颜色就有256*256*256种,组成了屏幕中五彩缤纷的画面。

由此就可以衍生出颜色的表示方式:

加入透明度:

使用色相表示(hsl):

这是一种将所有颜色对应成一个圆,一个角度代表一种颜色,所以取值范围为0-360,但是它还包括了饱和度和亮度。

h:0-360,色相

s:0-100%,饱和度

l:0-100%,亮度

例如:hsl(0, 50%, 50%)

#333就是#333333,如果六位都是同一个数值,那么可以略写成3位。(不知道是不是这个原因让你找不到对应颜色)

#000是纯黑,#fff是纯白,这个数值是16进制的。#333与#555都是灰色(#后面都是同一个数值的都是由黑到白上面的纯灰色),数值越小,越接近黑色,也就是说,#333是比#555颜色更深的灰。

我个人总结,没有引官方的专业语句,可能会有说的不准确的地方,但颜色就是这么个颜色。

至于颜色对照表……我给你私信吧。有一个链---(怕被吞啊)-接可以。我不在这里提供……是因为百度会吞了带链接的答案。或者你直接百度【RGB颜色查询对照表】。第一个就是了。

网上还有其他对照表,更详细一些的。你也可以用软件,输入代码就能取出对应颜色。