颜色转换器 — HEX/RGB/HSL 在线互转（免费）

1. 输入任意支持的颜色格式——#3b82f6、rgb(59, 130, 246) 或 hsl(217, 91%, 60%)。
2. 另外两种格式会即时更新，同时显示实时颜色预览。
3. 复制你需要的格式，用于 CSS、设计软件或代码。

一切都在浏览器本地完成，无上传、无账号、转换次数不限。

HEX、RGB、HSL 是同一颜色的三种视角。Web 开发者经常需要在它们之间切换：设计工具的色板给的是 HEX，组件要写 rgb() 覆盖，动画脚本则想用 HSL 插值。手算极易出错——错一位数字整色就变了。

提示

#fff 这类简写也能识别。输入无法解析的内容时，工具会提示而不是猜测——无效值不会静默产生错误颜色。想调整明度而不影响色相时，用 HSL 视图最方便。

为什么用它

设计工具和 CSS 都用颜色，但格式往往不同。与其在浏览器开发者工具和计算器之间来回切换，这个转换器把三种格式集中到一处，还带肉眼校验的预览——快速、私密、准确。

典型使用场景

• 联调接口： 从控制台复制 JSON，先格式化再提交用例。
• 排查问题： 不切 IDE 直接校验时间戳、正则或哈希。
• 应急处理： 手机上就能转换时区或生成 UUID 建热修复分支。

对比

快速校验用浏览器最快，CI 以 CLI 为准。

技巧

• 收藏本站，预加载使下次秒开。
• 生产环境密钥请在本地终端处理。
• 配合密码管理器轮换 UUID/密码。