Neatbo.

颜色格式转换

HEX、RGB、HSL,换种写法还是同一种色。

浏览器本地处理输入HEX / RGB / HSL输出颜色
  1. 1添加输入
  2. 2确认后运行
  3. 3获取结果

工具输入和文件在当前浏览器处理,不会上传。

输入内容

切换工具时在当前标签页临时保留输入。刷新或关闭后清除,较大的结果可能需要重新生成。

⌘ / Ctrl + Enter 运行
0 个字符 · 0 字节
正在准备处理工具…

开始之前

粘贴一个 HEX、RGB(A) 或 HSL(A) 颜色,逐项复制对应的 HEX、RGB(A) 或 HSL(A) 值。支持 HEX 简写与透明度;显示的小数经过舍入。

如何使用

  1. 在“HEX / RGB / HSL”中粘贴内容,也可以先填入示例试用。
  2. 确认输入后,点击“转换颜色”。
  3. 从结果行复制所需格式,或下载完整 JSON。

支持范围与限制

粘贴文本最多 1 MiB;处理后请核对结果。

操作示例

示例输入

#f00
示例参数
{}

示例输出

{
  "hex": "#ff0000",
  "rgb": "rgba(255, 0, 0, 1)",
  "hsl": "hsla(0, 100%, 50%, 1)",
  "rgba": {
    "r": 255,
    "g": 0,
    "b": 0,
    "a": 1
  }
}

出现问题时

请使用已说明的输入格式,并遵守界面限制。用于其他文档或应用前请复核结果。修改输入会将旧结果标为已过期;运行失败会清除旧结果。

常见问题

我的文件会上传吗?

不会。文件和工具输入在当前浏览器处理;站内切换可在同一标签页暂存工作状态。刷新或关闭标签页后无法恢复,请及时下载需要保留的结果。

需要检查结果的哪些方面?

支持 HEX3/4/6/8、RGB(A) 与 HSL(A)。透明度保持在 0–1;舍入后的 CSS 分量请在目标设计中核对。

文档与延伸阅读

相关工具