输入颜色值

颜色预览
#FF5733
HEX#FF5733
RGBrgb(255, 87, 51)
HSLhsl(11, 100%, 60%)
CMYKcmyk(0%, 66%, 80%, 0%)

什么是颜色代码转换器?

颜色代码转换器可在 HEX、RGB、HSL 和 CMYK 格式之间即时互转。设计师和开发人员用它快速转换不同颜色体系中的数值,无需手动计算。

使用方法

  1. 第一步——输入任意支持格式的颜色值(例如 #FF5733、rgb(255,87,51) 或 hsl(11,100%,60%))。
  2. 第二步——工具自动识别输入格式,并实时转换为所有其他格式。
  3. 第三步——点击任一转换结果即可复制,或通过可视化颜色预览确认转换是否正确。

结果

一位前端开发者需要将设计稿中的品牌色 #2196F3 转为 CSS 动画用的 RGB 值——工具立即显示 rgb(33, 150, 243),同时给出 HSL 和 CMYK 对应值。

相关工具