颜色转换器
在 HEX、RGB、HSL 和 CMYK 格式之间转换颜色。自动检测输入格式并查看所有颜色空间表示。设计师和开发者的必备工具。
参数
输入 HEX、RGB、HSL 或 HWB 格式的颜色
输入颜色值的格式
结果
#3B82F6
十六进制颜色表示法
其他结果 (5)
颜色的视觉预览
rgb(59, 130, 246)
Red: 59, Green: 130, Blue: 246
hsl(217, 91%, 60%)
Hue: 217°, Saturation: 91%, Lightness: 60%
cmyk(76%, 47%, 0%, 4%)
Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%
CSS 命名最接近此颜色的颜色
输入与结果示例
#3B82F6rgb(59, 130, 246)CMYK换算为不带ICC配置的数学近似,不能预测具体打印机和纸张的输出颜色。
为什么选择 颜色转换器
颜色转换器可在 HEX、RGB、HSL 和 CMYK 格式之间转换颜色,并自动检测输入格式。它还识别最接近的名为颜色的 CSS,使其成为网页设计师和开发人员的必备工具。
- ✓在 HEX、RGB、HSL 和 CMYK 颜色格式之间进行转换
- ✓自动检测输入颜色格式
- ✓显示最接近的 CSS 命名颜色匹配
- ✓所有值均可复制,可在 CSS 或设计工具中使用
使用步骤
- 1以任何支持的格式(HEX、RGB、HSL、HWB)输入颜色值
- 2选择输入格式或将其保留为自动检测
- 3立即查看所有颜色格式表示
- 4复制 CSS 或设计工具所需的格式
- 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 命名颜色。如果您的颜色与指定颜色完全匹配,则显示完全匹配。否则,它会显示最接近的命名颜色,这可能与您的输入略有不同。
权威参考资料
相关工具
继续探索同一场景下的实用工具。
