RGB 转 HEX
JavaScript 给你的是三个通道数字,而设计规范、SVG 填色和 Tailwind 配置里写的往往是 #FFA500——RGB 与 HEX 各占一半场景,切换全靠人肉换算。
使用方法
- 输入或粘贴 RGB 数值:rgb() 包装、逗号分隔或空格分隔均可。
- 大写 HEX 色值即时显示,带 # 前缀,不含易混淆的小写字母。
- 一键复制,粘贴到任何需要色值的地方。
常见问题
换算原理是什么?
每个通道写成十六进制再拼接: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。