颜色转换器
颜色预览
#3b82f6
Color Converter - HEX/RGB/HSL 互转
免费颜色转换器：HEX、RGB、HSL 互转，实时色块预览，一键复制 CSS 色值。
输入 HEX、RGB 或 HSL，其他格式与预览色块实时更新。
HEX 适合样式表，RGB 直观易懂，HSL 便于调整色相/饱和度/亮度。转换器可消除手动计算与复制粘贴错误。
WaiHub 颜色转换器在输入时即时同步三种格式并显示实时预览，全部在浏览器本地处理。
- HEX ↔ RGB ↔ HSL 互转
- 实时颜色预览色块
- 编辑任一格式自动同步
- 各格式一键复制
- 支持简写 HEX
- 隐私优先的浏览器处理
功能特性
- HEX 转 RGB
- RGB 转 HSL
- HSL 转 HEX
- 实时预览色块
- 编辑时双向同步
- 复制 HEX/RGB/HSL
- 简写 HEX 支持（#f00）
- 无效格式反馈
- 等宽颜色值显示
- 浏览器本地运行
使用方法
输入颜色
在 HEX、RGB 或 HSL 任一字段输入颜色值。
查看同步值
另外两种格式自动更新以匹配。
检查预览
预览色块直观显示当前颜色。
复制所需格式
点击 HEX、RGB 或 HSL 旁的复制按钮获取 CSS 值。
示例
蓝色
HEX
#3b82f6RGB / HSL
rgb(59, 130, 246) / hsl(217, 91%, 60%)红色简写
HEX
#f00RGB / HSL
rgb(255, 0, 0) / hsl(0, 100%, 50%)常见问题
- 颜色转换器免费吗？
- 是的，完全免费，无需注册。
- 支持 3 位简写 HEX 吗？
- 支持，如 #f00 会自动展开。
- 支持 alpha 通道吗？
- 当前版本仅支持不透明颜色。
- 数据会上传吗？
- 不会，转换完全在浏览器内完成。
- 可以商用吗？
- 可以，个人和商业用途均免费。