zh

颜色转换

在 HEX、RGB 和 HSL 之间转换颜色,全部在浏览器本地即时完成,无需上传。

正在你的设备上本地处理 ...

正在你的设备上本地处理 ...

0%

我的文件会被上传吗?

不会。一切都在你的浏览器中运行,你的文件永不离开你的设备。这一点如何验证

无需上传100% 本地处理
内容只属于你第三方无法访问
Hosted in GermanyGlobal Content Delivery
经独立审计TLS A+ · 标头 A+

同一种颜色在不同工具中写法各异:在设计中常用 #ff8800 这样的 HEX 代码,在网页代码中用 rgb(255, 136, 0) 这样的 RGB 值,而要直观地调整色相、饱和度和明度时则用 HSL。本工具接收这三种写法之一的颜色,并立即输出全部三种,让你无需重新计算即可在各处使用。

你可以输入 HEX 代码 (三位或六位,带不带井号皆可)、rgb(...) 或 hsl(...) 值,工具会自动识别格式。转换遵循色彩空间之间通用的公式,并对输出值进行合理取整。这样你就能为输入的那种颜色得到一组一致的 HEX、RGB 和 HSL。

整个转换完全在浏览器本地用纯 JavaScript 完成:你的输入不会被上传、不会被保存,也不会从 CDN 加载任何第三方库。如果输入不是可识别的颜色,工具会如实提示,而不是给出错误的值。

技术规格

技术规格
输入格式文本输入
输出格式TXT
批量处理不支持
处理方式在浏览器中本地处理 (JavaScript)
文件上传

三步完成

  1. 在文本框中粘贴颜色 (HEX、RGB 或 HSL)。
  2. 点击转换按钮。
  3. 读取该颜色的 HEX、RGB 和 HSL。

限制: 本工具在 HEX、RGB 和 HSL 之间转换 (不透明颜色,不含 Alpha 通道)。HSL 的值会取整,因此反向转换可能略有偏差。CMYK、命名颜色等其他模型不受支持。如果输入不是有效颜色,会给出如实的错误提示。

常见问题

我的输入会被上传吗?

不会。转换完全在浏览器本地完成;你的输入永远不会离开设备,也不会被保存。

我可以输入哪些格式?

HEX (三位或六位,带不带井号皆可)、rgb(...) 和 hsl(...)。工具会自动识别格式并输出全部三种。

RGB 和 HSL 有什么区别?

RGB 混合红、绿、蓝。HSL 用色相、饱和度和明度描述同一种颜色,当你想刻意让颜色更亮或更鲜艳时,往往更直观。

支持 Alpha 通道 (透明度)吗?

不支持,本工具处理不透明颜色。如需透明度,请单独管理 Alpha 值;转换时不会考虑它。

相关工具

进制转换 · HTML 编码 · 文本转二进制 · 色觉测试 · 随机打乱行序 · 求和文本中的数字 · URL 解码