DevToolBox

颜色转换器

在 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 更适合直观地调整明度与饱和度。

隐私说明 所有转换均在浏览器本地计算完成。

颜色转换器 — HEX、RGB 与 HSL