RGB 颜色转换器|10进制⇄16进制(HEX)一键互转
免费在线将 RGB 十进制数值与 HTML 十六进制颜色代码相互转换,即输即得。适用于 CSS 编写、设计工具取色等场景,快速查询和转换颜色代码。
十进制(Base 10)
| R | |
|---|---|
| G | |
| B |
十六进制(Base 16)
| # |
|---|
提示
- CSS 中可以使用
#RRGGBB和rgb(R, G, B)两种格式指定颜色。 - R(红)、G(绿)、B(蓝)每个通道的值范围为 0〜255(十六进制 00〜FF)。
- 白色为
#FFFFFF(255, 255, 255),黑色为#000000(0, 0, 0)。 - Figma、Adobe XD 等设计工具均支持两种格式,复制数值即可直接使用。
- 简写
#FFF等同于#FFFFFF(白色),是有效的 CSS 写法之一。
常见问题
R、G、B 每个通道的有效值为 0〜255 的整数,对应十六进制的 00〜FF。
不区分。
#FFFFFF 和 #ffffff 在 CSS 中表示相同的颜色,大小写不影响结果。只有当每个通道的两位十六进制字符相同时才能简写(例如
#AABBCC → #ABC)。像 #1DA1F2 这样的值无法简写。
闲话 ― 色彩的奥秘 ― 人眼与1677万色的世界
人眼能识别的颜色数量约为 1000万色(因人而异)。RGB 24位色(每通道8位)可表示 16,777,216 种颜色(约1677万色),远超人眼的识别能力。
知名品牌色的 RGB 值:Twitter 蓝 #1DA1F2(29, 161, 242)、Google 红 #EA4335(234, 67, 53)、LINE 绿 #00B900(0, 185, 0)。蒂芙尼标志性的蓝色「Tiffany Blue」接近 #0ABAB5,是少数被注册为商标的颜色之一。
有趣的是,CSS 中有一个名为 rebeccapurple(#663399)的颜色。这是 CSS 规范制定者 Eric Meyer 的女儿 Rebecca(享年6岁)去世后,由 CSS 社区提议,于2014年正式纳入标准,以示追悼。这段故事在工程师社区中广为流传。