颜色转换
HEX、RGB、HSL 颜色格式互相转换，输入框自动识别三种格式
使用说明
点击左侧色块可打开系统取色器，也可在输入框直接输入颜色值——工具会自动识别 HEX（如 #3b82f6）、RGB（如 rgb(59,130,246)）、HSL（如 hsl(217,91%,60%)）三种格式，无需手动切换。右侧实时显示对应的 HEX、RGB、HSL 值及 R/G/B 各通道数值，点击任意一行末尾的「复制」按钮可复制对应格式。底部 RGB 滑块支持拖动调色，颜色变化实时同步到所有格式。
常见问题
HEX、RGB、HSL 有什么区别？
HEX 用十六进制表示颜色，如 #3b82f6；RGB 用红绿蓝三个通道的 0-255 数值表示；HSL 用色相（0-360°）、饱和度（0-100%）、亮度（0-100%）表示，更接近人的直觉认知。
可以直接粘贴 RGB 或 HSL 格式吗？
可以。输入框自动识别三种格式，直接粘贴 rgb(59,130,246) 或 hsl(217,91%,60%) 即可解析，无需手动选择；也支持不带括号的简写，如 59,130,246。
为什么设计工具和代码里的颜色值不一样？
设计工具（Figma、Sketch）默认显示 HEX 或 RGB，CSS 支持三种格式。如果颜色值相同但显示不同，通常是精度四舍五入导致的微小差异，视觉上无区别。
CSS 里用哪种颜色格式最好？
三种格式 CSS 均支持。HEX 最简洁；RGB 便于调透明度（rgba）；HSL 便于调亮暗色阶（同色相只改 l 值），适合设计系统和主题变量。