颜色格式转换器
在 HEX、RGB、HSL 颜色格式之间互转
R
G
B
H
S%
L%
常见问题
颜色转换器支持哪些格式？
支持 HEX（`#RRGGBB`、`#RGB`、`#RRGGBBAA`）、RGB / RGBA、HSL / HSLA 之间的互转。输入任意一种格式，工具会即时在其他格式输出对应值，并显示色块预览，方便快速比对。
这个工具能帮我做什么？
设计到开发的颜色交接（从 Figma 拿到的 HEX 转成 CSS RGBA）、调色板调优、检查暗色模式下颜色是否合规、快速生成带透明度的颜色、在命令行脚本里生成十六进制颜色常量。开发者和设计师都适用。
为什么同一颜色在不同屏幕上看起来不一样？
屏幕会受色域（sRGB、P3、AdobeRGB）、白点、伽马的影响。工具输出的是数值完全一致的颜色，视觉差异由设备决定。若需跨设备一致，可在系统级做颜色校准或在 CSS 中使用 `color-scheme` 与 P3 值。
HSL 的数值怎么理解？
H（Hue，0–360）是色相角度，0/360 是红、120 是绿、240 是蓝；S（Saturation，0–100%）是饱和度，0% 为灰；L（Lightness，0–100%）是亮度，0% 为黑、100% 为白。HSL 更符合人的直觉，调整主题色时比 HEX 更易操作。
工具会上传我的颜色值吗？
不会。所有转换都在浏览器端完成，也不会记录历史。适合内部项目的设计规范、品牌色保密场景。
HEX、RGB、HSL 哪种格式更好？
HEX 在代码和设计软件里最通用；RGB 方便程序化调节通道；HSL 更适合人工调色。现代 CSS 建议直接用 `rgb()`/`hsl()` 加 alpha，或者试试最新的 `color()` 函数以获得更广色域。