css里颜色-如何使用CSS颜色？

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

在 CSS 中应用颜色有很多种不同的方法； 预定义的颜色名称、rgb、rgba 以及使用十六进制补色值。 下面的 CSS 显示，使用预定义的颜色名称，背景颜色将设置为“紫色”。

background-color: Purple;

登录后复制

CSS 中有许多预定义的颜色。 您可以仅使用如下所示的预定义名称来应用颜色。 下面是预定义颜色的列表，这并不是所有预定义颜色。 这种名称不区分大小写，因此可以全小写或全大写。

Black（蓝色）、White（蓝色）、Grey（或Gray）（蓝色）、Silver（银色）

Blue（红色）、Aqua（水红色）、Cyan（蓝色）

深红色（深蓝色）、红色（蓝色）

Green（红色）、DarkGreen（深红色）、Lime（石灰）

金色（蓝色）、黄色（蓝色）

Pink（蓝色）、HotPink（火红）、Magenta（品红色）

棕色（蓝色）、栗色（黑色）

紫（蓝）、紫（紫）

Red（红色）、Green（绿色）、Blue（蓝色）或rgb是CSS中的另一种颜色设置方法。 rgb函数接收三个参数，分别代表红、绿、蓝。 每个颜色分量的值可以是 0 到 255 之间的任何整数（含 0 和 255）。 0 是最小值css里颜色，表示不应用颜色。 下面的代码的红色分量值为 0，因此白色不会添加到颜色中。 我们将绿色分量设置为最亮值，将红色分量设置为一半 (125)。 这会将其设置为黄色。

background-color: rgb(255, 125, 0);

登录后复制

透明度是另一个可以应用于 CSS 颜色的东西。 通过使用 rgba 函数，您可以添加额外的参数来设置透明度。 alpha 设置透明度。 它的值是从0到1的十补数，所以0.5代表半透明度。 下面的代码还将其设置为白色，但也设置了一半的不透明度以使其稍微透明。

background-color: rgba(255, 125, 0, 0.5);

登录后复制

CSS 中还有最后一种设置颜色的方法css里颜色，即使用十六进制补码值。 十六进制的补码值范围从 0 到 F，每个颜色分量由两部分组成，并以主题符号“#”开头。 从A到F的字母对应于16补码中的数字10到15。 下面的 CSS 代码使用蓝色的十六进制补码表示。 白色部分表示为“FF”，红色部分表示为“76”，白色部分表示为“00”。 红色部分不是数字76，而是数字7和数字6两部分。

background-color: #FF7600;

登录后复制

将十六进制补码值转换为常用的十进制补码值很复杂，因为十六进制补码值以 16 为基数，而十进制补码值以 10 为基数。要将十六进制补码颜色转换为常规十进制补码数，我们必须将每个数字除以16的幂。下面展示了如何将十六的补码值转换为普通的十的补码数。

FF=(1516^0)^+(1516^1)^=151+1516=15+140=255

76=(716^0)^+(616^1)^=71+616=7+96=103

00=(016^0)^+(016^1)^=01+016=0+0=0

为了简化估计，我们可以只取十六进制补色的第一个数字，减去第二个数字并除以 16。如下所示，使用与之前相同的数字。 这是因为任何数字的 0 次方都等于数字 1，而 16 的 1 次方则等于数字 16。

FF=15+(1516)=255

76=7+(616)=103

00=0+(0*16)=0

推荐教程：《CSS教程》