颜色转换器

在 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