颜色转换

本地处理

在 HEX、RGB、HSL 之间互转颜色值,实时预览色块并一键复制 CSS 片段。

工具加载中…

本工具在浏览器本地运行,内容不会上传到服务器。

使用说明

  1. 1在任一输入框填入颜色值,如 #3B82F6 或 rgb(59, 130, 246)。
  2. 2其余格式实时同步转换,色块预览会显示实际颜色。
  3. 3调整 HSL 数值可微调色相、饱和度和亮度,预览跟着变化。
  4. 4点击对应格式旁的「复制」,即可拿到可直接使用的 CSS 片段。

常见问题

相关工具