如何使用十六进制定义颜色_CSS颜色代码书写规则说明

上周,一位客户询问如何在 CSS 中使用十六进制颜色,我向他解释了这一点。
其实这个东西挺简单的,就像一个普通的调色板一样,只不过用数字来代表颜色。

看,在CSS中,颜色值前面必须有“平衡符号”,后面是6 个数字或字母。
数字和字母都是十六进制的,范围是0到9 ,然后是A到F。
每个数字或字母代表颜色的一部分,前两个红色,中间两个绿色,最后两个蓝色。

比如FF5 7 3 3 ,这个颜色看起来像橙红色,因为FF看起来很红5 7 是中绿色。

如果所有数字或字母的颜色相同,您可以将其简化为3 位数字。
例如,FFCC 和 00 是相同的。
此外,您还可以添加两位数字来表示透明度。
FF 是完全不透明的。
例如,8 08 08 08 0 是灰色背景。
首先,请确保字母和数字的数量正确,3 、6 或 8 位数字不起作用。
另外,不要使用非法字符,例如0到9 和A到F。
您可以根据需要调整网页。
你可以变得更有效率。
无论如何,这件事还是挺有趣的。
如何使用十六进制颜色来产生更明亮的效果。

如何用css color属性设置文字颜色

颜色名称简单、十六进制精确、RGB/HSL 灵活、RGBA/HSLA 透明。

这里有一个问题:过度依赖颜色名称可能会导致兼容性问题。

不信:色值要严格遵守规格,否则效果难以预测。

不要这样做:直接使用颜色名称而不是其他方法可能会导致冗余代码。