颜色转换

什么是颜色转换？

颜色转换工具用于在网页开发中常用的几种颜色表示法之间互相换算：HEX（十六进制颜色码，如 #FF5733）、RGB（红绿蓝三原色数值，如 rgb(255,87,51)）、HSL（色相 Hue、饱和度 Saturation、明度 Lightness，如 hsl(9,100%,60%)）。三种写法描述的是同一种颜色，只是参数体系不同：HEX/RGB 更贴近显示器硬件的三通道叠加原理，HSL 则更接近人对“什么颜色、多鲜艳、多亮”的直觉描述。 转换的同时通常会提供实时色块预览，方便直接看到当前数值对应的实际颜色效果，而不必凭数字想象。

为什么使用颜色转换？

常见场景：设计稿给的是 HSL 值，但 CSS 里想用更常见的 HEX 写法；想在同一色相基础上微调明度或饱和度做出深浅不同的配色（HSL 比 RGB 更容易做到这一点，因为明度是独立的一个维度）；调试代码里读到的 RGB 数值，想知道对应的十六进制简写是什么方便复制进设计工具。 相比在设计软件里取色，本工具更适合快速做数值层面的精确转换和微调，尤其是需要批量生成同色系不同深浅色阶时，直接调整 HSL 的 L（明度）值比反复调整 RGB 三个通道更直观。

使用示例

使用提示

做深浅色阶时优先在 HSL 模式下只改动 L（明度）或 S（饱和度），能更可控地得到视觉上协调的同色系颜色，比直接猜 RGB 数值更省心。