在线工具箱 · 免注册 · 本地运行
HEX RGB HSL 颜色转换工具 - 在线色值互转
免费在线颜色转换工具：HEX、RGB、HSL 三种色值格式互转，附实时预览色块与 CSS 变量片段，设计开发都在本地完成。
颜色转换
本工具纯前端运行，输入内容不会上传服务器；处理敏感信息后建议清空输入框。
颜色转换怎么用
- 1粘贴 HEX 色值（如 #1E80FF）或点击选色器取色
- 2三格式结果实时联动更新
- 3点击复制需要的格式写进样式代码
常见问题
HSL 比 HEX 好在哪？
HSL 直接对应「色相/饱和度/明度」，调深浅、做同色系梯度时改一个数字就行，比 HEX 直觉得多。
支持透明度吗？
支持 8 位 HEX（#RRGGBBAA）与 rgba/hsla 输出，透明度会随转换一起换算。
为什么我的色值转换后对不上？
检查是否带了空格或缩写格式（#FFF），本工具按标准 sRGB 计算，显示器色彩配置只影响观感不影响数值。