颜色那点事

问题

1. 颜色的16进制表示法和RGB表示有什么联系？
2. 带透明度属性的16进制颜色细节。
3. 对比色和互补色细节。
4. 如何计算对比色和互补色。

解答

1. 颜色的16进制表示法和RGB表示有什么联系？

十进制和十六进制基数：

十进制(RGB)	十六进制(HEX)
00	00
01	01
02	02
03	03
04	04
05	05
06	06
07	07
08	08
09	09
10	0A
11	0B
12	0C
13	0D
14	0E
15	0F

RGB和16进制颜色表示的例子：
RGB：(11,12,13) 转 十六进制颜色：#0B0C0D
即：各位取其16进制数即可。

2.带透明度属性的16进制颜色细节。

1. 普通十六进制颜色为示例(数字部分均为16进制)：#123456

2. 带透明度的16进制颜色示例(数字部分均为16进制)：#12345678

   • 2.1. 前两位表示透明度

   • 2.2. 透明度参照表：

   透明度百分比	对应十六进制数
   00%	FF（不透明）
   5%	F2
   10%	E5
   15%	D8
   20%	CC
   25%	BF
   30%	B2
   35%	A5
   40%	99
   45%	8c
   50%	7F
   55%	72
   60%	66
   65%	59
   70%	4c
   75%	3F
   80%	33
   85%	21
   90%	19
   95%	0c
   100%	00（全透明）

3. 对比色和互补色细节。

先展示两个色环：


1. 互补色是在色相环上180°相对的两个颜色
2. 对比比色则是在色相环上120°到180°范围内相对的两个颜色。(这个范围说法不一我们一百度百科为准了)

4. 如何计算对比色和互补色。

以上三个问题扫清了外围，真正的攻坚在这里呢。

4.1 如何计算互补色？

有人说RGB每一位分别和255求差，就得到了互补色。

这个方法测试通过了（工具是PS），不过要从原理的角度解释这个问题，我解释不了。

4.2如何计算对比色？

我坚信这个值是可以量化计算的，如果我错了，那也是计算错误，计算逻辑错误，而这个值肯定是可以量化计算的：

• 白色（255,255,255）黑色（0,0,0）
• 我们排除透明度的干扰。
• 已知两幅图越靠近圆心颜色越是呈现白色(如果没有看到就这么想想)
• 最外层的颜色永远是两个颜色的重叠而显现出来的。
  
  • 例如黄色（255,255,0）就是黄色随着第三个数值 在 0→255 逐渐扩大的过程中黄色愈发变的白了起来

有漏洞，我们应该先知道颜色在色相环上的变化逻辑才行色相环又是各有不同的。（就到这里吧。不写了先。）

参考

1. RGB颜色如何转变成16进制颜色
2. 透明度与十六进制代码转换
3. 什么是对比色，互补色？
4. 百科-对比色
5. 如何在PS中直接找到一个颜色的对比色？