我这个人，做什么事都喜欢自己先掰扯清楚，尤其是在弄设计或者前端小东西的时候。以前总听人说“颜色代码”和“RGB值”，听上去好像是一回事，但每次在代码框里一输，格式立马打架。
你让我输入个蓝色，有的地方要我写#0000FF，有的地方非要我写rgb(0, 0, 255)。这不扯淡吗？难道我每次都要记住两个数？我当时就决定，不能再靠死记硬背了，必须搞清楚它们到底是不是一套东西。
我决定自己动手，把颜色扒光了看
我的实践过程很简单粗暴，我立刻打开了我的制图软件（用啥不重要，能取色就行），然后选定了一个特别刺眼的红色，就是那种纯得不能再纯的红。
第一步：取色和记录。我拿起取色工具往那个红色上一戳。屏幕右边，软件立马蹦出来两串数值：
- RGB值：
R: 255, G: 0, B: 0 - 颜色代码（或者叫Hex Code）：
#FF0000
我当时就眯起眼睛看，这不对，为什么RGB是三个数字，最大到255，而那个颜色代码是六个字符，最大是FF？我尝试着去转换，但纯红纯绿纯蓝还比较好理解，一旦我把取色器往中间挪了一点，比如弄成一个偏紫的粉色，数字立马就复杂了。
我又记录了第二个颜色：一个我看着很舒服的灰色。
- RGB值：
R: 153, G: 153, B: 153 - 颜色代码：
#999999
我盯着这两组数字看了足足有五分钟，突然间，我脑子闪过一个念头：这不就是记账方式不一样吗？
我彻底搞明白的真相：进制转换这回事
我立马抓起计算器，把RGB值和颜色代码拆开来对比。我发现，那个颜色代码，就是把RGB那三个数字，用一种不同的数数方法写出来的。
颜色代码就是RGB值的“马甲”，它们本质上指的是同一个颜色坐标，就像是你的身份证号和你的昵称，指向的都是你这个人。但Hex Code这种马甲，用的是十六进制数数方式，就是数到9后面不是10，而是A、B、C、D、E、F，然后才到10（代表十进制的16）。
我跑去查了255用这种方式怎么写。果然，255正好就是FF！
这个发现让我豁然开朗，我立马跑回我的代码里去验证。
- 我写下
#FF0000，屏幕显示纯红。 - 我改写成
rgb(255, 0, 0)，颜色没变，还是纯红。 - 我测试了那个灰色：
#999999。 - 我对照输入了
rgb(153, 153, 153)。颜色依旧没变。
实践告诉我，根本就没有区别！它们俩就是一回事！RGB告诉你的是“红有多少，绿有多少，蓝有多少”（都是十进制的0-255份），而颜色代码是把这三份数字，用更短、更简洁的十六进制的方式写出来，前面加个#号，让你能一口气写完。
我现在根本不担心哪个是哪个了。我只记一个死理：颜色代码（Hex）就是给程序员和设计师偷懒用的快速代号。它就是把RGB那三个数字，换了个方式打包发货，方便你在代码里用。你只要知道它们能互相转换，你看到哪个格式都不会再懵了。
自从我拆解了它们的关系，我的工作效率立马提高了一大截，再也没有为这两种写法闹心过。
