跳至内容
所有工具
转换器

颜色转换器

在 HEX、RGB 和 HSL 格式之间转换颜色。

关于颜色转换器

网页上的颜色可以用多种格式表示:HEX(#FF5733)、RGB(rgb(255, 87, 51))和 HSL(hsl(11, 100%, 60%))。每种格式各有优势——HEX 在 CSS 中简洁紧凑,RGB 直接映射到显示硬件,HSL 则便于直觉地调整色相、饱和度和亮度。颜色转换器可以让您在这些格式之间无缝切换。

如何使用

输入任意支持格式的颜色值(HEX、RGB 或 HSL)。工具会自动转换为所有其他格式,并显示实时颜色预览。一键即可复制任意格式,以便在 CSS、设计工具或代码中使用。

常见使用场景

  • 将设计文件中的 HEX 颜色转换为 CSS 使用的 RGB
  • 使用 HSL 值调整颜色的亮度或饱和度
  • 在不同设计工具和格式之间匹配品牌颜色
  • 在网页、印刷和应用项目之间转换颜色代码
  • 在 UI 开发过程中快速预览和比较颜色