颜色转换器
使用可视化颜色选择器在 HEX、RGB 和 HSL 格式之间转换颜色。
HEX#3b82f6
RGB59, 130, 246
HSL217, 91%, 60%
CSS rgb()rgb(59, 130, 246)
CSS hsl()hsl(217, 91%, 60%)
RGB
R
G
B
HSL
H
S
L
什么是颜色格式？
Web 开发中常用三种颜色表示法：HEX（十六进制，如 #FF5733）、RGB（红绿蓝三通道，如 rgb(255, 87, 51)）和 HSL（色相、饱和度、亮度，如 hsl(14, 100%, 60%)）。HEX 是最常见的 CSS 颜色写法，RGB 直观地描述颜色的光学组成，HSL 则更符合人类对颜色的认知方式——调整色相改变颜色、调整饱和度改变鲜艳程度、调整亮度改变明暗。
如何使用颜色转换器
1
通过可视化取色器选择颜色，或在任意格式的输入框中输入颜色值（HEX、RGB 或 HSL）。
2
工具会实时将颜色转换为所有支持的格式，并显示颜色预览。
3
一键复制所需格式的颜色值，直接粘贴到 CSS、设计稿或代码中。