×
📱 手机扫码访问
用手机浏览器或微信扫一扫，即可在手机上访问当前页面
扫描后可直接在手机上使用该工具
×
📱 分享「RGB/HEX/HSL互转」
RGB/HEX/HSL互转
输入RGB、HEX或HSL值，即可互相转换，方便调色时统一颜色格式。
https://toolwan.cn/tool/RGB/
ToolWan · 在线工具
长按上方二维码即可保存，分享给微信 / QQ 好友
🎨 RGB / HEX / HSL 颜色互转
全程本地运行，无需联网，数据不上传
✓ 本地计算
#730BDF
rgb(115, 11, 223)
白字对比度: 4.52 | 黑字对比度: 4.12
HEX 色值
RGB 色值
HSL 色值
色阶 Shades & Tints
智能配色方案
互补色
邻近色
三角色
分裂互补
矩形色
单色
CSS 代码
/* 颜色代码将在此显示 */
已复制到剪贴板
RGB/HEX/HSL互转是一款免费在线颜色格式转换工具，支持一键互转，提升设计调色效率。
- 支持RGB、HEX、HSL三种格式互转
- 支持HEX简写格式（如#FFF）自动扩展
- 免费在线使用，无需注册或下载
- 界面简洁，操作快捷，适合设计场景
- 转换结果实时显示，提高调色效率
相关问法：
颜色代码转换器
· RGB转HEX工具
· HEX转HSL工具
· 颜色格式互转
· 在线颜色转换
· 调色工具
· 颜色代码换算
· RGB HSL转换器
📖 功能介绍
1. 支持RGB、HEX、HSL三种颜色格式的一键互转，输入任意格式即可得到对应结果。 2. 自动识别并处理3位或6位十六进制颜色代码，转换结果即时更新。 3. 实时显示转换后的颜色预览，方便直观比对设计效果。 4. 对输入值进行自动校验与范围修正，确保输出结果准确可靠。 5. 操作界面简洁，无需安装，打开即用，适合快速调色场景。 解决设计师在颜色格式切换中反复手动计算的效率问题。
📋 常见问题FAQ
-
这个工具能做什么？它把颜色在 RGB、HEX、HSL 三种格式之间互相转换。输入任意一种格式的颜色值，就能得到另外两种格式的结果。
-
支持哪些输入格式？支持 RGB、HEX、HSL 三种。HEX 可输入带 # 或不带 #，也支持 3 位简写（如 #f00）。RGB 输入三个 0-255 的数值。HSL 输入色相（0-360）、饱和度（0-100%）、亮度（0-100%）。
-
输入的数值超出范围会怎样？RGB 的数值会被限制在 0-255 之间，超出部分按边界值处理。HSL 的色相、饱和度、亮度也按各自范围处理，不会报错。
-
转换结果不准确或没反应怎么办？先检查输入格式是否正确，比如 HEX 是否只含 0-9 和 a-f，RGB 和 HSL 是否填了完整的三个数值。如果输入了非法字符或空值，转换会失败，请修正后重新输入。
-
转换后的结果可以直接用到代码或设计软件里吗？可以。输出的 HEX 带 # 前缀，可直接用于 CSS、设计软件；RGB 和 HSL 为数值形式，按对应格式填入即可。
-
使用这个工具需要联网或安装吗？不需要。转换在本地完成，打开页面即可使用，输入的颜色数据不会上传。
友情链接