颜色转换NEW
HEX/RGB/HSL 颜色互转，附调色板与CSS代码
工具加载中…
AllFreeTool 颜色转换器是一款免费在线的颜色格式转换工具，支持 HEX 转 RGB、RGB 转 HSL、HEX 转 HSL 等常见颜色值互相转换，无需安装任何软件，打开浏览器即可使用。取色、调色、换算全部在浏览器本地完成，输入的颜色值不会上传到服务器。
无论是前端开发把设计稿的十六进制颜色写成 CSS，还是设计师把 rgb(16, 185, 129) 换算成 #10b981，都可以在这里一步完成。工具提供大色块实时预览、HEX/RGB/HSL/CSS 变量四种格式一键复制、HSL 三滑杆调色，以及同色相不同明度的 9 档色板，帮你快速配出同一色系的深浅变化。
为什么使用 AllFreeTool 颜色转换？
格式互转
HEX、RGB、HSL 三种颜色格式实时互转，另附 CSS 变量写法片段。
一键复制
每种格式都带独立复制按钮，点击即复制，直接粘贴进代码或设计工具。
滑杆调色
色相、饱和度、明度三根滑杆双向联动，拖动即可微调颜色并反算 HEX。
本地处理
颜色换算在浏览器本地完成，不上传任何数据，断网也能使用。
如何使用颜色转换？
输入颜色
在输入框粘贴十六进制颜色（如 #10b981 或简写 #abc），或点击色块用取色器选择。
查看换算结果
RGB、HSL 与 CSS 变量格式实时生成，拖动滑杆可继续微调。
复制使用
点击对应格式右侧的复制按钮，粘贴到代码、设计稿或文档中即可。
常见问题
HEX 颜色的三位缩写是怎么展开的？＋
三位缩写是每位重复一次：#abc 会展开为 #aabbcc，#0f8 展开为 #00ff88。本工具输入三位缩写后会自动补全为六位标准形式，两种写法表示的颜色完全相同。
RGB 和 HSL 有什么区别，该用哪个？＋
RGB 按红绿蓝三通道取值，接近硬件显示方式；HSL 按色相、饱和度、明度描述，更接近人对颜色的直觉。做主题换色、生成深浅色阶时 HSL 更方便，写具体样式时两者都被 CSS 原生支持。
支持带透明度的颜色吗（如 #rrggbbaa）？＋
当前版本专注于 HEX/RGB/HSL 三种不透明格式的互转，暂不支持 alpha 通道；如需透明度，可在 CSS 中配合 opacity 或使用 rgba()/hsl() 的第四个参数自行补充。
转换结果和 Photoshop 等软件不一致？＋
本工具使用标准的 sRGB 换算公式，与浏览器的计算结果一致。设计软件若工作在 Adobe RGB、Display P3 等其他色彩空间，同一颜色的数值会略有差异，建议将软件色彩空间设为 sRGB 后再对比。