🎨 颜色转换器
颜色格式在线互转：HEX 转 RGB、RGB 转 HSL、HSL 转 HSV，附颜色选择器与对比度检测。
🕒 最后更新： · 内容持续迭代中
HEX: #5CB85C
📋 复制
RGB: rgb(92, 184, 92)
📋 复制
HSL: hsl(120, 39%, 54%)
📋 复制
RGBA: rgba(92, 184, 92, 1)
📋 复制
🔍 输入转换
🎯 常用颜色
📖 颜色格式转换器使用指南
颜色转换工具四格式互转：HEX（#7c3aed）、RGB（rgb(124,58,237)）、HSL（色相/饱和度/亮度）、HSV——设计师给 HEX、CSS 要 RGB、调色用 HSL、图像处理用 HSV，「同一个颜色的四种写法」的翻译器。
怎么用
- 输入任一格式颜色（粘贴 HEX 最常用）
- 查看四格式同步转换结果
- HSL/HSV 的语义差异看说明（亮度 vs 明度）
- 复制目标格式到代码/设计稿
注意事项
- HSL 与 HSV 的「易混淆点」：HSL 的 L（亮度 50% 最纯）与 HSV 的 V（明度 100% 最纯）语义不同——搞混会导致「颜色变灰」的意外
- 「HEX 大小写」与「3 位缩写」：#FFF=#ffffff——代码规范看团队约定（Tailwind 用小写）
- 色彩空间的「本质差异」：RGB 是「混光坐标」（机器友好）、HSL 是「人眼直觉」（调色友好）——调色用 HSL（想更深降 L）、交付用 HEX/RGB
- 「透明度」的载体：HEX8（#7c3aed80 后两位 alpha）/rgba()/hsla()——带透明度的转换确认工具是否支持 alpha 通道
常见问题
- 为什么设计给的 HEX 到网页里「色差」？
- 色彩配置文件（sRGB vs Display P3）+屏幕校色差异——设计源文件与网页的色值一致，但「显示」不同：跨设备色彩管理的系统性问题，取中间值验收。
- 调色时 HSL 为什么比 RGB 直觉？
- 语义化：'颜色太亮'降 L、'太艳'降 S、'换个色'转 H——RGB 里做这三个动作要同时改三个值：HSL 是「人话坐标」，RGB 是「机器坐标」。
- RGBA 和 HEX8 怎么选？
- 等价（透明度载体不同）：rgba(124,58,237,0.5) = #7c3aed80——代码可读性选 rgba（透明度一眼可见），紧凑写法用 HEX8：团队统一即可。
📌 工具速览
颜色格式在线互转：HEX 转 RGB、RGB 转 HSL、HSL 转 HSV，附颜色选择器与对比度检测。
📘 使用说明
- 点击色块或输入任意格式（HEX / RGB / HSL / HSV / CMYK）
- 工具同步显示其他格式
- 下方对比度检查器可校验 WCAG AA / AAA 可读性
❓ 常见问题
Q: 颜色转换器是免费的吗？
A: 完全免费，无需注册登录，直接在浏览器中使用。所有数据在本地处理，不上传服务器。
Q: 颜色转换器安全吗？数据会上传吗？
A: 安全。所有操作在浏览器本地完成，数据不离开你的设备，适合处理隐私文件。
📅 内容更新于
·
📚 收录 2388+ 在线工具
·
🤖 适配 AI 搜索引用（豆包/DeepSeek/Kimi/文心/ChatGPT）
