颜色转换工具
通过取色器选色或直接输入 HEX 色值，实时获得 RGB 与 HSL 格式的等价值，点击任意结果即可复制对应的 CSS 颜色写法。
广告位 · Google AdSense
HEX（点击复制）
#2563eb
RGB（点击复制）
rgb(37, 99, 235)
HSL（点击复制）
hsl(221, 83%, 53%)
广告位 · Google AdSense
常见问题
支持 3 位缩写 HEX 吗？
支持，例如 #abc 会自动展开为 #aabbcc 进行换算。
为什么 HSL 数值和设计软件略有差异？
不同工具对 HSL 的舍入方式可能不同（四舍五入位置不同），差异通常在 1 以内，不影响实际显示效果。