HTML - 颜色代码生成器



有时我们需要使用不同的颜色来装饰我们的 HTML 页面。HTML 提供了广泛的属性,可用于设置背景颜色、字体颜色等等。

要在 HTML 页面中使用颜色,我们需要选择有效的颜色代码。找到颜色代码总是很困难的。如果您脑海中已经有了某种颜色,下面的工具可以帮助您将其转换为 rgb 和十六进制代码。

HTML 颜色选择器

我们可以使用红色、绿色和蓝色的组合来创建任何颜色。如果我们将三种颜色的强度都设置为最大,则结果颜色将为白色。类似地,如果我们为所有 RGB 值赋予零强度,我们将获得黑色。


当前颜色值

十六进制:#fff

RGB:255, 255, 255

RGBA:255, 255, 255, 1

HSL:0, 0%, 100%

rgb() 函数接受三个参数,分别是红色值、绿色值和蓝色值。每个值都使用一个整数指定,该整数的范围可以是 0 到 255,其中 0 表示无颜色,255 表示完全的颜色强度。混合这些值将创建其他不同的颜色。

HSL 颜色代码生成器

HSL 颜色模型代表色相、饱和度和亮度。色相是颜色类型,以 0 到 360 度为单位测量。饱和度是颜色的强度,从 0%(灰色)到 100%(全色)。亮度是颜色的亮度,从 0%(黑色)到 100%(白色)。通过调整这三个值,我们可以创建各种各样的颜色。与 RGB 模型相比,此模型通常被认为更直观地选择颜色。

HSL(色相、饱和度、亮度)

色相
饱和度
亮度

相关主题

要了解更多有关颜色的信息,您可以阅读以下列出的文章。

广告