HohoTools
English

RGB 转 HEX

JavaScript 给你的是三个通道数字,而设计规范、SVG 填色和 Tailwind 配置里写的往往是 #FFA500——RGB 与 HEX 各占一半场景,切换全靠人肉换算。

使用方法

  1. 输入或粘贴 RGB 数值:rgb() 包装、逗号分隔或空格分隔均可。
  2. 大写 HEX 色值即时显示,带 # 前缀,不含易混淆的小写字母。
  3. 一键复制,粘贴到任何需要色值的地方。
ADAdvertisement — this space keeps HohoTools free

常见问题

换算原理是什么?

每个通道写成十六进制再拼接:255 → FF,165 → A5,0 → 00,得到 #FFA500。0–255 的每个整数都恰好对应一组两位十六进制,所以转换在两个方向上都是无损的。

为什么输出是大写?

CSS 与 SVG 中 HEX 不区分大小写,#ffa500 与 #FFA500 是同一颜色。大写是设计规范里的通行写法,在版本控制对比里也更醒目,因此本工具固定输出带 # 的大写形式。

支持哪些输入写法?

三种常见写法:带包装的 rgb(255, 165, 0)、纯逗号分隔的 255, 165, 0、空格分隔的 255 165 0。数值必须是 0–255 的整数——小数、负数与超过 255 的值都会被明确拒绝并给出错误提示。

支持带透明度的 rgba 吗?

不支持——本工具只转换不透明 RGB 颜色。四个数值的输入会被拒绝,而不是悄悄丢弃 alpha 通道、给你一个渲染效果与预期不同的颜色。

相关工具

了解更多

JavaScript 给你的是三个通道数字,而设计规范、SVG 填色和 Tailwind 配置里写的往往是 #FFA500——RGB 与 HEX 各占一半场景,切换全靠人肉换算。这款免费的 RGB 转 HEX 工具输入即转换:rgb(255, 165, 0)、不带包装的 255, 165, 0、甚至空格分隔的 255 165 0,三种常见写法都能识别,输出带井号的大写 HEX——在版本控制、设计令牌与文档里往返传递都不会产生无谓差异。通道越界会被明确报错而不是悄悄钳制:300 或 12.5 这样的值意味着你的代码有 bug,值得一次响亮的失败,而不是得到一个相近的错误颜色。全部换算在你的浏览器本地完成:数值不离开你的设备,不上传、不存储、不进日志。在下方粘贴 RGB 数值,复制你需要的 HEX。