HEX 转 RGB
设计师交接色板时给的是 #FFA500,而写动画、做混色、调用一个只认数字的接口时,你需要的是十进制通道值——HEX 与 RGB 本是同一种颜色的两种写法,但切换场景总要换一种表达。
使用方法
- 输入或粘贴 HEX 色值:带不带 # 均可,支持 3 位与 6 位写法。
- 红、绿、蓝三通道即时显示,各为 0–255 的整数。
- 点击复制按钮,得到可直接粘贴的 rgb() CSS 片段。
常见问题
HEX 和 RGB 有什么区别?
只是记法不同。#FFA500、rgb(255, 165, 0) 和橙色这个命名描述的是同一个颜色:HEX 的每一对十六进制数字就是一个通道(FF = 255,A5 = 165,00 = 0)。工具、框架或协作者要哪种就用哪种,转换在两个方向上都是无损的。
三位缩写可以用吗?
可以。三位 HEX 如 #fff 是标准 CSS 缩写,每位数字重复一次:f 展开为 ff,所以 #fff 等于 #ffffff,转换结果是 rgb(255, 255, 255)。井号可省略——fff 与 ffffff 都能识别。
支持带透明度的 8 位 HEX 吗?
不支持,这是刻意的:带透明度的 rgb() 需要改用 rgba() 语法,本工具只处理不透明颜色。8 位输入会被明确拒绝并给出错误提示,而不是悄悄丢弃 alpha 通道、给你一个有误导性的颜色。
颜色会被上传吗?
不会。转换在你输入的那一刻由浏览器本地完成,任何内容都不离开你的设备,关闭页面后即消失。
相关工具
了解更多
设计师交接色板时给的是 #FFA500,而写动画、做混色、调用一个只认数字的接口时,你需要的是十进制通道值——HEX 与 RGB 本是同一种颜色的两种写法,但切换场景总要换一种表达。这款免费的 HEX 转 RGB 工具输入即转换:六位写法 #FFA500、三位缩写 fff(按 CSS 标准规则逐位展开为 ffffff)、带不带井号都能识别,红绿蓝三个通道各以 0–255 的数值呈现,并直接生成一条可粘贴进样式表的 rgb() 片段。输入非法时工具会明确报错,而不是悄悄给你一个错误颜色——一个手误不该溜进你的样式表。全部换算在你的浏览器本地完成:输入的内容不上传、不存储、不进日志,关闭页面即消失。在下方粘贴 HEX 色值,复制你需要的 RGB。