关于RGB颜色与十六进制颜色

RGB颜色与十六进制颜色的数值转换

先来感受一下两种颜色值的大致形状:

  • RGB(11,111,222)
  • 十六进制: #0B6FDE

简单来说,两种颜色值的最本质区别是RGB是用十进制表示的,而十六进制当然是用十六进制表示的。所以两者的转换实际上就是十六进制与十进制之间的转换。

先来看一下基本的映射关系:

十进制 十六进制
0 0
1 1
2 2
3 3
9 9
10 A
11 B
12 C
13 D
14 E
15 F

主要区别在于10~15的表示上。

十六进制颜色中有六位,每两位分别对应RGB颜色中的一个数值。例如十六进制颜色#0B6FDE中“0B”对应RGB(11,111,222)中的“11”,“6F”对应“111”,“DE”对应“222”。

计算方法:
11÷16=0……11,余数11对应十六进制的B,因此11转化为十六进制为0B
111÷16=6……15,商6对应十六进制中的6,余数15对应十六进制的F,因此111转化为十六进制为6F
222÷16=13……14,同理得DE
因此,RGB(11,111,222)对应十六进制颜色#0B6FDE

通过QQ或微信的截图工具获取当前屏幕的颜色值

QQ的截图工具快捷键为Alt+Ctrl+A,进入截图模式后,鼠标所在点的颜色值会自动显示出来。如下图所示。
关于RGB颜色与十六进制颜色
微信截图快捷键为Alt+A,跟QQ截图界面相似,同样会显示鼠标所在处的色号值,如下图所示。
关于RGB颜色与十六进制颜色