RGB 颜色转换器|10进制⇄16进制(HEX)一键互转

免费在线将 RGB 十进制数值与 HTML 十六进制颜色代码相互转换,即输即得。适用于 CSS 编写、设计工具取色等场景,快速查询和转换颜色代码。


十进制(Base 10)

R
G
B


十六进制(Base 16)

#

提示

  • CSS 中可以使用 #RRGGBBrgb(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年正式纳入标准,以示追悼。这段故事在工程师社区中广为流传。