颜色转换器
在 HEX、RGB 与 HSL 之间转换颜色。
使用说明
什么是颜色转换?
颜色可以用多种格式描述:HEX、RGB 与 HSL。在 CSS、设计工具与代码之间迁移时,通常需要在不同格式间转换。
使用方法
1. 输入 HEX、RGB 或 HSL 格式的颜色。
2. DevToolBox 会立即转换为其他格式。
3. 实时预览色块会显示结果颜色。
格式示例
- HEX:#3b82f6 或简写 #38f
- RGB:rgb(59, 130, 246) 或空格分隔 rgb(59 130 246)
- HSL:hsl(217, 91%, 60%) 或 hsl(217 91% 60%)
使用技巧
- HEX 在 CSS 与设计工具中很常见。
- RGB 对应颜色函数与 canvas API。
- HSL 更适合直观地调整明度与饱和度。
隐私说明
所有转换均在浏览器本地计算完成。