颜色转换工具 - HEX/RGB/HSL

什么是颜色转换？

HEX、RGB、HSL 颜色格式互转，输入颜色值即时显示转换结果与颜色预览。

Yeo工具箱免费提供在线格式转换工具，无需下载安装，绝大多数数据在浏览器本地处理，不会上传到服务器。

如何使用Yeo工具箱的颜色转换？

1. 在输入框中输入 HEX 颜色值（如 #2563eb）
2. 无需点击按钮，RGB、HSL 和颜色预览会实时更新
3. 直接复制 RGB 或 HSL 结果
4. 支持 #RGB 三位简写格式

常见使用场景

• 场景1：网页配色时把设计稿 HEX 转成 RGB/HSL
• 场景2：CSS 变量颜色换算
• 场景3：品牌色在不同格式间统一

使用小贴士

• 处理结果可点击「复制结果」一键复制到剪贴板
• 数据全程在浏览器本地处理，可放心粘贴敏感内容

常见问题

Q1: 支持哪些颜色格式互转？

支持 HEX、RGB、HSL 三种格式，输入 HEX 后会自动显示另外两种。

Q2: 三位 HEX 简写怎么用？

例如 #f00 等同于 #ff0000，本工具会自动识别三位简写。

Q3: 转换结果可以直接用于 CSS 吗？

可以，输出的 RGB 和 HSL 都是标准 CSS 语法，直接粘贴即可使用。

更新日志

• 2026-08-04 更新：Yeo工具箱 颜色转换工具正式上线

⚠ 声明：本工具所有数据处理均在您的浏览器本地完成，数据不会被上传到任何服务器。