🎨 颜色转换

HEX、RGB、HSL 三种表示互转,并实时预览颜色。

关于此工具

颜色转换在 HEX(十六进制)、RGB(红绿蓝)、HSL(色相饱和度亮度)三种模式间互转。

任意一种颜色改变,另外两种与预览色块会同步更新,所见即所得。

如何使用

  1. 输入一种颜色

    在 HEX、RGB 或 HSL 任一栏输入颜色值。

  2. 自动同步

    其余两种表示法与右侧色块会即时同步。

  3. 复制使用

    从对应输入框复制需要的格式用于代码或设计。

使用场景

前端开发

把设计稿的 HEX 转成 CSS 可用的 RGB/HSL。

配色微调

用 HSL 直观调整明度饱和度。

无障碍检查

对比不同明度判断可读性。

常见问题

HEX 支持简写吗?

支持 3 位简写(如 #f00 等同于 #ff0000)。

HSL 的 H 范围?

色相 0~360,饱和度与亮度 0~100%。

结果精度?

RGB 取整,HSL 四舍五入到整数,满足日常使用。