颜色转换工具 — 使用教程
常见颜色格式有哪些？
在网页设计和开发中，颜色有多种表示方式，各有不同的使用场景。本工具支持以下格式互转：
- HEX（十六进制）：如
#6366f1，CSS 中最常用的颜色表示法，6 位或 3 位十六进制数字 - RGB：如
rgb(99, 102, 241)，通过红、绿、蓝三通道数值（0-255）定义颜色 - HSL：如
hsl(239, 84%, 67%)，通过色相、饱和度、亮度三个维度描述颜色，更符合人类直觉 - HSV：如
hsv(239, 59%, 95%)，类似 HSL 但使用"明度"替代"亮度"，在图像处理中更常见
实际开发场景
- 设计稿取色：设计师给的是 HEX 色号，你需要转成
rgba()加透明度 → 用 RGB 输出 - 动态主题：需要同色系的浅色/深色变体 → 用 HSL 格式，只需调整亮度值即可
- 色彩调整：想让某个颜色"亮一点"或"灰一点" → 转成 HSL 后调整 S 或 L 即可
实用技巧
HSL 格式最容易手动微调：保持 H（色相）不变，增大 L（亮度）就是浅色变体，减小 L 就是深色变体，这在做暗黑模式适配或按钮 hover 状态时非常方便。