css色号（css色号对照表）

CSS 色号

简介

CSS 色号用于在层叠样式表 (CSS) 中指定颜色的值。它允许开发者使用各种方法定义颜色，包括使用十六进制值、RGB 值、HSL 值和颜色名称。

十六进制色号

十六进制色号以井号 (#) 开头，后跟六个字符：

前两个字符表示红色分量

中间两个字符表示绿色分量

最后两个字符表示蓝色分量每个分量的值在 00 到 FF 之间，表示从无颜色到最大颜色的范围。例如，#FFFFFF 为白色，#000000 为黑色，#FF0000 为红色。

RGB 色号

RGB 色号以 rgb() 函数开头，后跟三个由逗号分隔的值：

第一个值表示红色分量

第二个值表示绿色分量

第三个值表示蓝色分量每个分量的值在 0 到 255 之间，表示从无颜色到最大颜色的范围。例如，rgb(255, 0, 0) 为红色，rgb(0, 255, 0) 为绿色，rgb(0, 0, 255) 为蓝色。

HSL 色号

HSL 色号以 hsl() 函数开头，后跟三个由逗号分隔的值：

第一个值表示色调（以度为单位）

第二个值表示饱和度（以百分比表示）

第三个值表示亮度（以百分比表示）色调表示颜色的基本颜色（例如红色、绿色或蓝色），饱和度表示颜色的强度，亮度表示颜色的明暗程度。例如，hsl(0, 100%, 50%) 为饱和度为 100% 的纯红色，hsl(120, 100%, 50%) 为饱和度为 100% 的纯绿色。

颜色名称

CSS 还预定义了一些颜色名称，例如：

black

white

red

green

blue

yellow这些名称映射到特定的十六进制值，使开发者能够轻松指定常用颜色。

使用色号

可以使用以下 CSS 属性应用色号：

color：设置文本颜色

background-color：设置元素的背景颜色

border-color：设置边框颜色例如：```css p {color: #ff0000;background-color: rgb(0, 255, 0);border-color: hsl(120, 100%, 50%); } ```

**CSS 色号****简介**CSS 色号用于在层叠样式表 (CSS) 中指定颜色的值。它允许开发者使用各种方法定义颜色，包括使用十六进制值、RGB 值、HSL 值和颜色名称。**十六进制色号**十六进制色号以井号 (

) 开头，后跟六个字符：* 前两个字符表示红色分量 * 中间两个字符表示绿色分量 * 最后两个字符表示蓝色分量每个分量的值在 00 到 FF 之间，表示从无颜色到最大颜色的范围。例如，

FFFFFF 为白色，

000000 为黑色，

FF0000 为红色。**RGB 色号**RGB 色号以 rgb() 函数开头，后跟三个由逗号分隔的值：* 第一个值表示红色分量 * 第二个值表示绿色分量 * 第三个值表示蓝色分量每个分量的值在 0 到 255 之间，表示从无颜色到最大颜色的范围。例如，rgb(255, 0, 0) 为红色，rgb(0, 255, 0) 为绿色，rgb(0, 0, 255) 为蓝色。**HSL 色号**HSL 色号以 hsl() 函数开头，后跟三个由逗号分隔的值：* 第一个值表示色调（以度为单位） * 第二个值表示饱和度（以百分比表示） * 第三个值表示亮度（以百分比表示）色调表示颜色的基本颜色（例如红色、绿色或蓝色），饱和度表示颜色的强度，亮度表示颜色的明暗程度。例如，hsl(0, 100%, 50%) 为饱和度为 100% 的纯红色，hsl(120, 100%, 50%) 为饱和度为 100% 的纯绿色。**颜色名称**CSS 还预定义了一些颜色名称，例如：* black * white * red * green * blue * yellow这些名称映射到特定的十六进制值，使开发者能够轻松指定常用颜色。**使用色号**可以使用以下 CSS 属性应用色号：* color：设置文本颜色 * background-color：设置元素的背景颜色 * border-color：设置边框颜色例如：```css p {color:

ff0000;background-color: rgb(0, 255, 0);border-color: hsl(120, 100%, 50%); } ```