🎨 颜色转换

HEX/RGB/HSL颜色格式互转，实时预览

RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
预览

关于此工具

颜色转换工具支持HEX、RGB、HSL三种颜色格式的互转，并提供实时预览。是前端开发、UI设计、主题定制的实用工具。

使用步骤

  1. 通过取色器选择颜色，或手动输入HEX值
  2. 工具实时计算并显示RGB和HSL值
  3. 查看颜色预览效果

示例

HEX #3b82f6 对应 rgb(59, 130, 246) 和 hsl(217, 91%, 60%)。

常见问题

HEX、RGB、HSL有什么区别？

HEX是16进制表示，RGB是红绿蓝三通道，HSL是色相/饱和度/亮度，更符合人的直觉。

HSL有什么优势？

HSL调整亮度、饱和度更方便，适合主题色系设计。