🎨 您来自 开发工具 分类 · 此工具方便前端开发者将设计稿色值快速转为 CSS 格式

🎨颜色转换

HEX、RGB、HSL、HSV、CMYK 等多种颜色格式自由互转,实时预览颜色,方便设计、开发和调试使用。

当前颜色
#2563eb
点击选择颜色
等待操作…

💡 使用说明

  • 在任意颜色格式输入框中输入颜色值,点击 「转换全部」 即可自动计算并填充所有格式。
  • 支持 HEX(如 #2563eb)、RGB(如 rgb(37, 99, 235))、HSLHSVCMYK
  • 颜色预览区会实时显示当前颜色,点击 颜色选择器 可直观选取颜色。
  • 每个输入框右侧的小复制按钮可快速复制对应格式的颜色值。
  • 所有处理均在浏览器本地完成,不会上传任何数据,保护你的隐私。
💡 提示: CMYK 值基于 RGB 转换,适用于印刷参考,不同设备可能有细微差异。如果您是从 开发工具 过来的,此工具可帮助您将设计稿色值快速转为 CSS 代码格式。

❓ 常见问题

颜色转换工具支持哪些格式?

支持HEX(十六进制)、RGB(红绿蓝)、HSL(色相饱和度亮度)、HSV(色相饱和度明度)、CMYK(青品黄黑)五种主流颜色格式之间的相互转换。

HEX和RGB颜色格式有什么区别?

HEX使用十六进制表示颜色,如#FF5733,适合CSS代码中使用;RGB使用十进制表示红绿蓝三通道值,如rgb(255,87,51),更直观易读。两者可以互相转换,表示的是同一种颜色。

HSL颜色模式适合什么场景?

HSL(色相、饱和度、亮度)模式更符合人类对颜色的感知方式,适合需要调整颜色明暗、鲜艳程度的场景。比如创建同色系的不同深浅变体时,只需调整L(亮度)值即可。

CMYK颜色模式主要用于什么领域?

CMYK(青色、品红、黄色、黑色)是印刷行业的标准颜色模式,主要用于平面设计、印刷品制作。如果你的设计最终需要印刷输出,建议使用CMYK模式预览颜色效果。