颜色转换工具
颜色转换在线工具：HEX/RGB/HSL互转，取色器实时预览，自动生成明暗色阶，一键复制，前端调色必备。
工具加载中…
使用说明
前端和设计打交道最多的三种颜色格式：HEX（#2563eb，CSS 最常用）、RGB（rgb(37,99,235)，带透明度时用 rgba）、HSL（hsl(221,83%,53%)，调明暗最直观）。本工具三种格式实时互转，取色器点选即得全部写法。
自动生成 8 档明暗色阶（基于 HSL 明度展开），做 hover 态、边框色、背景色时直接挑，比手调 HEX 快得多。所有结果一键复制。
常见问题
HEX 的 #abc 和 #aabbcc 有区别吗？
没有，#abc 是 #aabbcc 的简写（每位重复一次）。本工具两种都支持，输出统一为六位形式。
什么时候用 HSL？
调整明暗最方便：保持色相 H 和饱和度 S 不变，只改明度 L 就能得到和谐的同色系渐变，比手改 RGB 直观得多。CSS 里 hsl() 全浏览器支持。