HEX 色值与 RGB 数值怎么读、怎么用
九成场景里你要的只是这两行:HEX 和 RGB。它们是同一颗颜色的两种写法。
怎么读
- HEX:
#后六位十六进制,两两一组依次是红、绿、蓝。#AD6E33= 红 AD、绿 6E、蓝 33——红多绿中蓝少,所以是那颗橙棕色。 - RGB:三个 0~255 的整数,顺序同样是红绿蓝。
RGB(173, 110, 51)与#AD6E33是同一个颜色:173 = 0xAD,110 = 0x6E,51 = 0x33。
在哪看、怎么拿
颜色详情页的 Details 区,HEX 和 RGB 各占一行,行尾有复制按钮,点一下即入剪贴板。更快的方式:设置里打开 Copy color to clipboard,每次取色自动复制 HEX,见复制与分享。
往哪填
- 网页/CSS:
color: #AD6E33;原样粘贴。 - 设计软件(PS/Figma 等):新建颜色时多数输入框 HEX/RGB 通吃,粘哪个都认。
- 聊天/文档里描述颜色:贴 HEX 比发截图精确——「就要 #AD6E33 这个值」没有歧义。
互相换算的心算版
- HEX → RGB:两位一组转十进制(6E → 6×16+14 = 110)。
- RGB → HEX:每个数除以 16 取余,拼回去(110 → 6E)。
- 不想算:读数区本来两行都给,看哪行顺眼用哪行。
小陷阱
- # 后位数不对:三位简写(#F30)是合法缩写但只存在于 CSS 语境,取色应用给的是完整六位。
- 大小写无所谓:
#ad6e33和#AD6E33等值。 - 透明度不在 HEX 里:读数给的是纯色值,截图里半透明元素取到的是合成后的最终颜色,见截图取色。
「这颜色好看,色号多少」的完整答案,往往还要加一句标准色名——把详情页的相近色列表一起看掉。