CSS颜色选择

html-css023

CSS颜色选择,第1张

亮蓝色:#409EFF

success: #67C23A

warning: #E6A23C

danger: #F56C6C

info: #909399

主要文字:#303133

常规文字:#606266

次要文字:#909399

占位文字:#C0C4CC

一级边框:#DCDFE6

二级边框:#E4E7ED

三级边框:#EBEEF5

四级边框:#F2F6FC

在我们的显示屏中,一个像素点由三原色构成,分别为:红、绿、蓝。然而在计算机中使用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%)