Safe Local Tools

免费在线颜色转换

用色块或系统取色器选色，也可输入带 # 或不带的 HEX，或粘贴 rgb()/hsl()。RGB 为 0–255；HSL 色相 0–360°，饱和度与亮度 0–100%。透明度 0–100%，在半透明时会出现在 rgba()/hsla() 与 8 位 HEX 中。色域按 sRGB 处理，不含 CMYK 或 Display P3。数据不离开本标签页。

Loading…

如何使用

  1. 1

    打开颜色转换

    先确认这个工具适合你的任务：HEX、RGB、HSL、透明度支持、原生取色器、实时预览、一键复制 CSS。

  2. 2

    输入颜色值

    粘贴 HEX、RGB、HSL 等颜色值，需要时用取色器调整。

  3. 3

    复制所需格式

    把转换后的颜色用于 CSS、设计工具、文档或 UI 规范。

要点

离线可用？可以——页面加载后计算均在浏览器内完成。
支持 CMYK 或潘通吗？不支持——此处仅 sRGB。印刷请在设计软件里配合 ICC 导出。
会上传吗？不会。本站为静态站点，颜色不离开本标签页。
广色域（P3）？输入与输出按 sRGB 处理，不建模 P3 专用十六进制。

典型用途

  1. HEX、RGB、HSL、透明度支持、原生取色器、实时预览、一键复制 CSS。
  2. 离线可用？: 可以——页面加载后计算均在浏览器内完成。
  3. 支持 CMYK 或潘通吗？: 不支持——此处仅 sRGB。印刷请在设计软件里配合 ICC 导出。
  4. 会上传吗？: 不会。本站为静态站点，颜色不离开本标签页。
  5. 广色域（P3）？: 输入与输出按 sRGB 处理，不建模 P3 专用十六进制。

常见问题

为什么 HEX 框和我输入的不完全一样？▾

解析成功后，RGB/HSL 与复制区会反映解析结果。失焦时若无法解析，会恢复为上次有效的 HEX。

rgb() 里能加空格吗？▾

请使用逗号分隔的标准写法，如 rgb(10, 20, 30)。数字两侧多空格无妨。

改 HSL 的色相后 HEX 一定不变吗？▾

色相是循环的（0° 与 360° 等价）。在 RGB 整数与 HSL 之间切换可能出现极小舍入差。

色盲安全配色怎么办？▾

本工具只转换单色。无障碍配色请用专门的调色板或检测工具。

HSL 可以不写百分号吗？▾

饱和度与亮度需带 % 才符合 CSS，例如 hsl(200, 50%, 40%)。

取色结果会上传吗？▾

不会——取色器与输入只更新浏览器内的本地状态。