正在加载，请稍候…

颜色格式转换器（HEX/RGB/HSL）

在线颜色格式转换器，支持 HEX、RGB、HSL、HSV、CMYK 和 CSS 命名颜色之间的相互转换，提供实时颜色预览，适合前端开发、UI 设计和颜色系统建设场景。

使用方法

  1. 步骤 1：使用颜色选择器或直接输入任意格式的颜色值。
  2. 步骤 2：其他格式（HEX、RGB、HSL、CMYK 等）自动更新。
  3. 步骤 3：查看 WCAG 对比度评分，确保无障碍可访问性。
  4. 步骤 4：点击任意字段即可复制该值。

常见问题

HEX、RGB 和 HSL 有什么区别？

HEX 是 6 位十六进制颜色码。RGB 通过红、绿、蓝三通道（0–255）定义颜色。HSL 通过色相（0–360°）、饱和度和亮度定义颜色。

什么是 WCAG 对比度？

WCAG 对比度衡量文本在背景上的可读性。4.5:1 达到 AA 标准；7:1 达到 AAA 标准。

HEX、RGB、HSL 颜色格式各有什么用途？

HEX（如

HSL 颜色模型相比 RGB 有什么优势？

HSL（色相、饱和度、亮度）对人类更直观。改变亮度只需调整 L 值，不会影响色相；生成颜色主题更简单（如同色相不同亮度的变体）。在 CSS 中，hsl() 让调色更容易理解和维护，特别适合动态生成颜色渐变、主题切换和响应式配色方案设计。