工具简介
设计稿给的是 #4F46E5，代码里却要写成 rgb(79, 70, 229)；想调整一个颜色的深浅又不会算——颜色转换工具可以帮你在 HEX、RGB、HSL 之间自由互转。
除了互转，工具还提供取色功能，你可以直接在调色板上选取颜色并复制对应代码。
主要功能
- HEX、RGB、HSL 三种格式任意互转
- 可视化取色板，拖动即可选色
- 实时预览颜色效果
- 一键复制对应格式的颜色代码
适用场景
- 把设计稿的 HEX 色值转成代码需要的 RGB
- 按 HSL 调整颜色的明度与饱和度
- 为新页面挑选并确认配色
常见问题
HEX、RGB、HSL 有什么区别？
HEX 是十六进制写法，最短也最常用；RGB 按红绿蓝三通道数值表示；HSL 按色相、饱和度、亮度表示，调整明暗更直观。
支持带透明度的颜色吗？
可以。HEX 支持八位写法，RGB 可使用 rgba 形式。透明度在转换时会被保留。
转换会有色差吗？
不会。三种格式只是同一颜色的不同表示方式，数值之间可以精确换算。
相关工具
隐私说明
颜色格式转换 在你的浏览器本地完成全部计算，你选择的文件与输入的内容都不会被上传到任何服务器，处理结束后即被释放。详细的数据处理方式请查看我们的隐私政策。