HTML 的颜色表示, 理解 RGB，HEX，HSL，RGBA 和 HSLA

大家好，欢迎来到IT知识分享网。

HTML 的颜色表示, 理解 RGB，HEX，HSL，RGBA 和 HSLA

HTML 中的颜色可以指定为常见的 英文颜色名 或使用如下的颜色代码: HEX 值，RGB 三元组，HSL，RGBA 和 HSLA 值。

HTML 颜色名

W3C 对颜色名的规范区分了基本颜色和扩展颜色。

16种基本的 #颜色名 — aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, 和 yellow。

HTML 颜色代码 | HEX, RGB, RGBA, HSL 和 HSLA 值

HTML 颜色代码是表示计算机能读取和显示的颜色格式的一种方式。颜色代码用于HTML和CSS中，以创建网页设计颜色方案。

RGB

HEX

RGBA

RGBA(红色，绿色，蓝色，透明度) 颜色值是RGB颜色值的扩展，增加了一个透明度通道，决定颜色的不透明度。透明度参数是一个从0.0（表示“完全透明”）到1.0（表示“完全不透明”）的数字。例如，rgba(255, 0, 0)显示为纯红色，rgba(255, 0, 0, 0.5)显示为透明度为50%的红色。

与RGB值不同，RGBA值没有十六进制表示法。

HSL

HSL（Hue 色相，Saturation 饱和度，Lightness 亮度）颜色模型是为了更接近人类视觉感知色彩属性而开发的。

HSL 表示重新排列了颜色，使其比RGB表示更直观。它通常用于计算机图形应用程序，如颜色选择器和图像分析。

• 色相 定义了基本颜色。色相基本上是色轮上的任何颜色；它是色轮上从0到360的度数。所以，0是红色，120是绿色，240是蓝色。
• 饱和度 是颜色的强度或纯度。它决定颜色将会多么生动。分是灰色，100% 是完全饱和的颜色。
• 亮度 是颜色中的亮度或光的量。亮度决定颜色中有多少黑色或白色色调。

HSLA 颜色

结论

HTML 颜色可以通过名称，RGB，RGBA，HEX，HSL 或 HSLA 值定义，并应用于HTML文档中的背景或文本。