颜色转换
HEX / RGB / HSL 三种格式互转，支持透明度通道。提供拾色器、与白底 / 黑底的 WCAG 对比度。前端切图、CSS 调色板、UI 设计都用得上。
使用说明 / 常见问题
三种格式的关系
- HEX：
#RRGGBB或#RRGGBBAA，前端最常用 - RGB：红绿蓝三通道 0-255。
rgb(255, 128, 0)或带透明度rgba(255, 128, 0, 0.5) - HSL：色相（0-360°）、饱和度（%）、亮度（%）。
hsl(30, 100%, 50%)，更符合人的颜色直觉
WCAG 对比度是什么
Web Content Accessibility Guidelines 规定的可读性指标，比值越大对比越强。 常用阈值：
- AA 正文：≥ 4.5:1
- AA 大字（18pt+）：≥ 3:1
- AAA 正文：≥ 7:1
设计前景色与背景色时务必检查，深色字配深色底是无障碍设计的常见错误。
HSL 怎么用
想找一组同色系：固定 H、S，改 L。
想找互补色：把 H 加 180°。
想找类比色：把 H 加 / 减 30°。
这就是 HSL 在 UI 调色板上比 RGB 好用的地方。