HEX、RGB、HSL 实时互转
输入任意一种常见颜色格式后，可同步查看其他格式，适合前端配色和设计交接。
内置颜色选择器和 RGB 滑块
可直接选色，也能细调 RGB 数值，方便快速找到目标颜色。
浏览器本地完成转换
配色数据和内部主题变量只在本地页面处理，不上传服务器。
浏览器本地处理
HEX、RGB、HSL 实时互转
适合前端配色、设计交接、主题变量整理和品牌色录入。颜色转换在浏览器本地完成，不上传服务器。
#3B82F6
直接选色后会同步更新全部格式
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
已填入示例颜色，可以直接查看 HEX、RGB、HSL 格式。
工具使用说明
颜色转换器 | 颜色选择器怎么用
输入或选择颜色
可直接输入 HEX、RGB、HSL，也可以用颜色选择器快速选色。
查看各格式转换结果
页面会实时输出 HEX、RGB、HSL 三种常见格式，便于复制到不同场景。
复制目标格式继续使用
结果可直接复制到 CSS 变量、设计稿备注、主题配置或组件样式里。
功能说明
这个工具解决什么问题
颜色转换器适合什么场景
前端开发、设计交接、主题变量整理和品牌色落地时，最常见的工作就是在 HEX、RGB、HSL 之间来回转换。
这个工具适合在同一页里完成选色、微调和格式复制，减少来回切换不同配色工具。
为什么要把选色器和格式转换放在一起
很多时候你不是只想“把一个颜色转格式”，而是会顺手继续调亮、调暗或改通道数值。
把颜色选择和格式转换放到同一页里，更适合真实的前端和设计协作流程。
常见问题
关于 颜色转换器 | 颜色选择器，用户常问这些
支持哪些颜色格式？
当前支持常见的 HEX、RGB 和 HSL 输入与互转。
可以直接选色吗？
可以，页面内置颜色选择器和 RGB 滑块。
颜色数据会上传服务器吗？
不会。颜色解析和格式转换都在浏览器本地完成。
适合什么人用？
适合前端开发、设计师、主题维护人员和任何需要快速换颜色格式的人。