常用颜色格式互转
输入或选择颜色后，快速得到 HEX、RGB、HSL、HSV 和 CSS 可用写法。
结果实时更新
颜色变化后各格式同步更新，方便前端调样式时快速复制。
浏览器本地处理
转换逻辑在浏览器本地执行，不上传服务器，适合处理内部配色和设计草稿。
颜色转换 · 浏览器本地处理
颜色值转换
输入或选择颜色后实时输出 HEX、RGB、HSL、HSV 和 CSS 变量。颜色值只在浏览器本地解析，不会上传服务器。
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
HSV
hsv(221, 84%, 92%)
CSSVAR
--color-custom: #2563EB;
工具使用说明
怎么用 颜色格式转换
输入或选择颜色
可以粘贴 HEX/RGB 等颜色值，也可以直接用颜色选择器调整。
查看转换结果
页面会同步输出多种常用颜色格式，便于前端、设计和文档复用。
复制到下一步
选择需要的格式后直接复制到 CSS、组件参数或设计说明里。
功能说明
这个工具解决什么问题
颜色格式转换 为什么适合做成本地工具
颜色值转换不需要服务端能力，放在浏览器本地更快，也更适合随手复核。
内部配色、品牌色和设计草稿不会上传服务器，页面只负责本地计算和展示。
什么时候用它
当你拿到一个 HEX 颜色但需要 RGB、HSL 或 HSV 时，可以直接在这里转换。
它也适合前端调试时快速把颜色格式复制到 CSS 或组件属性里。
常见问题
关于 颜色格式转换，用户常问这些
颜色格式转换 会上传颜色值吗？
不会。默认在浏览器本地转换，颜色输入不会上传服务器。
支持哪些颜色格式？
当前支持 HEX、RGB、HSL、HSV 和常见 CSS 写法。
结果能直接复制吗？
可以，转换结果可以直接复制到代码或设计说明。
输入错误颜色会怎样？
页面会提示格式问题，修正输入后再继续转换。