跳过导航到主内容
Calnex LogoCalnex
design

颜色转换器

在 HEX、RGB、HSL 和 CMYK 格式之间转换颜色。自动检测输入格式并查看所有颜色空间表示。设计师和开发者的必备工具。

参数

输入 HEX、RGB、HSL 或 HWB 格式的颜色

输入颜色值的格式

结果

HEX
#3B82F6

十六进制颜色表示法

其他结果 (5)
颜色预览
#3B82F6

颜色的视觉预览

RGB
rgb(59, 130, 246)

Red: 59, Green: 130, Blue: 246

HSL
hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

CMYK
cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

命名颜色
Royal Blue (closest match)

CSS 命名最接近此颜色的颜色

输入与结果示例

#3B82F6
rgb(59, 130, 246)

CMYK换算为不带ICC配置的数学近似,不能预测具体打印机和纸张的输出颜色。

为什么选择 颜色转换器

颜色转换器可在 HEX、RGB、HSL 和 CMYK 格式之间转换颜色,并自动检测输入格式。它还识别最接近的名为颜色的 CSS,使其成为网页设计师和开发人员的必备工具。

  • ✓在 HEX、RGB、HSL 和 CMYK 颜色格式之间进行转换
  • ✓自动检测输入颜色格式
  • ✓显示最接近的 CSS 命名颜色匹配
  • ✓所有值均可复制,可在 CSS 或设计工具中使用

使用步骤

  1. 1以任何支持的格式(HEX、RGB、HSL、HWB)输入颜色值
  2. 2选择输入格式或将其保留为自动检测
  3. 3立即查看所有颜色格式表示
  4. 4复制 CSS 或设计工具所需的格式
  5. 5检查最接近的命名颜色以供快速参考

常见问题 (FAQ)

HEX 和 RGB 有什么区别?

HEX 和 RGB 不同地表示相同的颜色数据。 HEX 使用基于 16 的表示法 (#RRGGBB),而 RGB 使用十进制值 (rgb(R, G, B))。例如#FF0000和rgb(255,0,0)都代表纯红色。

什么时候应该使用 HSL 而不是 HEX?

HSL(色相、饱和度、亮度)对于调整颜色更加直观。您可以轻松地使颜色变浅(增加 L)、更鲜艳(增加 S)或更改其色调。 HEX 更适合精确的颜色规范并与设计工具共享。

CMYK 有何用途?

CMYK(青色、品红色、黄色、基色/黑色)用于印刷设计。与 RGB 不同,CMYK 是加法(基于光),而 CMYK 是减法(基于墨水)。在准备印刷数字设计时,将 RGB 转换为 CMYK 至关重要。

我可以使用此工具从 HWB 进行转换吗?

是的。 HWB(色相、白度、黑度)是一种较新的 CSS 颜色格式,可以直观地调整颜色。以 hwb(H W% B%) 格式输入 HWB 值,该工具会将其转换为所有其他格式。

最接近的命名颜色匹配的准确度如何?

该工具使用 RGB 空间中的欧几里得距离来查找最接近的 CSS 命名颜色。如果您的颜色与指定颜色完全匹配,则显示完全匹配。否则,它会显示最接近的命名颜色,这可能与您的输入略有不同。

权威参考资料

CSS Color Module Level 4 - W3C

查看来源

Color Values - MDN Web Docs

查看来源

Named CSS Colors

查看来源