🎨 HEX / RGB / HSL 互转

适用场景

适合把设计稿里的 HEX 色值转换为 CSS 可用的 rgb() 或 hsl()，也适合前端在调试主题色、hover 色、透明背景前快速理解颜色组成。

使用建议

• HEX 常用于设计稿和 CSS 变量，RGB 适合与透明度组合，HSL 更适合调整明度和饱和度。
• 需要做同色系深浅变化时，优先调整 HSL 的 L 值，而不是手动猜 RGB 分量。
• 复制到 CSS 后建议在真实页面背景上检查一次，避免预览色和业务界面观感不一致。
• 若要生成大面积背景，可继续使用 渐变背景生成器。

颜色说明

屏幕显示的 RGB/HSL 与印刷 CMYK、专色存在色差；无障碍对比度请以 WCAG 与实测为准。数值在本地计算（详见 隐私说明）。