支持 HEX、RGB、HSL 互转
适合前端开发、设计交接、主题变量整理和品牌色录入，一次看全常用格式。
支持直接取色和微调
既可以输入颜色字符串，也可以直接用取色器和 RGB 滑块微调到需要的效果。
本地转换不上传
颜色解析和转换都在浏览器本地完成，不依赖后端接口，打开页面即可直接用。
浏览器本地处理
HEX、RGB、HSL 实时互转
适合前端配色、设计交接、主题变量整理和品牌色录入。颜色转换在浏览器本地完成，不上传服务器。
#3B82F6
直接选色后会同步更新全部格式
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
已填入示例颜色，可以直接查看 HEX、RGB、HSL 格式。
工具使用说明
颜色转换怎么用
输入或选择一个颜色
支持直接输入 HEX、rgb(...)、hsl(...)，也支持点击预设色块和取色器。
按需要微调 RGB
如果要做细节调整，可以拖动 R、G、B 滑块，实时查看新的颜色结果。
复制目标格式
工具会同步输出 HEX、RGB、HSL，可直接复制到 CSS、设计稿或变量配置里。
功能说明
这个工具解决什么问题
颜色转换工具适合什么场景
最常见的场景是设计稿交接、CSS 变量整理、品牌色录入、主题系统维护，以及产品和运营素材里的配色转换。
设计工具、浏览器开发者工具和代码里经常使用不同颜色格式，能快速互转会省掉很多手工换算时间。
为什么要同时看 HEX、RGB、HSL
HEX 适合直接写进 CSS 变量和配置文件，RGB 适合做透明度、通道级调整，HSL 更方便理解色相、饱和度和亮度。
把三种格式同时列出来，能让设计和开发在同一个页面里完成交接和微调。
使用时要注意什么
当前工具主要处理不带透明度的纯色。如果你后续要做 rgba、hsla 或带透明通道的设计系统，可以再单独扩展一层。
不同屏幕和设计工具对颜色观感可能略有差异，关键颜色建议最终还是在实际页面里再核一下。
常见问题
关于 颜色转换，用户常问这些
支持哪些颜色格式输入？
当前支持 HEX、rgb(...) 和 hsl(...) 三种常见输入格式。
可以直接取色吗？
可以。页面提供浏览器原生取色器，也支持点击预设色块快速切换。
为什么还要看 HSL？
HSL 更适合理解色相、饱和度和亮度，做主题微调时通常比只看 HEX 更直观。
支持透明度吗？
当前版本先聚焦纯色转换，不带 alpha 透明度。
页面会上传颜色数据吗？
不会。颜色转换在浏览器本地完成，不会把输入内容提交到服务器。