css颜色：css中颜色的不同定义方式介绍

颜色广泛用于CSS，无论是文本颜色，背景颜色，渐变，阴影，边框......都需要定义颜色的方法，每种颜色的定义方法都各有利弊。本篇文章就来给大家分享一下css中颜色的不同定义方式。

color属性定义文本的颜色很简单，更重要的是颜色的定义可以用的不同类型的颜色单位。（推荐课程：css视频教程）

颜色名称

CSS提供了由一百四十多种颜色名称，从最基本颜色都一些更丰富的颜色可以说是丰富多彩。

body{ color: black;}
a{ color: orange;}

12十六进制的数字是C

16以十六进制表示的数字是10因为在用完符号（最后一个符号F）之后，在左边添加第二个符号并增加（0变为1）而右边的符号从（F到0）开始

我必须记住这个吗？

一点也不！这里提供十六进制值如何工作的解释。要记住的最重要的事情是有16个十六进制符号。

就像RGB一样，十六进制颜色值是红色，绿色和蓝色的组合，它们中的每一个都表示为十六进制值，如DB红色，4E绿色和44蓝色。

因为红色，绿色或蓝色只能有2个符号，它们的可能值是16 * 16 = 256，它反映了RGB颜色单位！

为什么不使用RGB呢？

通常，在选择颜色时，不要直接编写它们。您可以使用颜色选择器，也可以从Photoshop复制/粘贴它，或者在某处选择调色板。

十六进制值更容易复制和粘贴，因为它们只包含6个字符。

粘贴单个字段比3个单独的字段更容易。

在CSS中，您只需要在哈希前面添加十六进制颜色值#。

选择哪一个？

如果您不打算使用任何透明颜色，请坚持使用十六进制值，因为它们更容易复制/粘贴，并且不会在代码中占用太多空间。

如果您想要一些透明度，请将颜色从十六进制转换为rgba，然后使用rgba颜色单位。

如果您想直接在浏览器中使用颜色，可以使用hsl。

以上就是css颜色：css中颜色的不同定义方式介绍的详细内容，更多请关注Gxlcms其它相关文章！

查看更多关于css颜色：css中颜色的不同定义方式介绍的详细内容...