为什么今天我会突发奇想为大家介绍RGB颜色模型呢？
原因是我在预习电脑编程课本时，做到了一道关于16进制颜色代码转换题目。比如 #0E14FF，这个代码看起来是不是一头雾水，你根本不知道它说的是什么？
接下来，我来给大家揭开这个谜底。
一、RGB的基础底色
RGB（Red/Green/Blue），顾名思义，是Red（红色），Green（绿色）和Blue（蓝色）三种原色的统称。
以电脑显示屏为例，我们看到丰富多彩的颜色，其实并不是显示屏背后装置了一种包含成千上万颜色的像素，而是一种只包含了三种原色（底色为红、绿、蓝）。
扩展而言，我们平常看到的颜色，是每个像素中的三种原色成比例配对而组成的。例如，青色（Cyan）是由完全绿色和完全蓝色组成的；黄色（Yellow）是由完全绿色和完全红色组成的；白色（White）是由完全三种原色组成的；而黑色（Black）则是三种原色都不显示。
二、 RGB颜色模型和数学的关联
当设计RGB三种原色时，每种原色都被给予了一个0-255的数值（共有256个），数值的大小代表了每种颜色的配对比例程度。比如，当绿色被完全使用时，它的数值是255；当红色没有被使用到时，它的数值就是0。这是因为RGB显示屏背后的像素，只能支持把一种原色分成256种不同的类别。
这样一算，每种原色256种，整个RGB颜色模型能在我们眼前呈现256*256*256=16,777,216种不同的颜色。
所以，别看我们显示屏后面的像素只有三种原色，它能配对成1,600多万种不同的颜色呢！
三、 RGB颜色模型到网络颜色代码的转变（ 16进制）
展开全文
RGB颜色模型是完全依靠16进制从而转变成网络代码的！由于传统的记录方式（255，0，255）过于复杂，所有的RGB颜色都会用16进制的方式进行运算！
跟十进制的原理相同，十六进制的最右边的数字（字母）代表了16进制的个位数，左边一个数字（字母）代表了16进制的十位数，以此递增。所以说，十六进制的354hex转换成十进制是：3*16^2+ 5* 16^1+ 4* 16^0= 852。
可是，有些16进制中穿插的字母又是什么情况？
我来告诉你：这些字母是专门为了超过10的16进制数字设计的。比如，A = 10，B = 11，以此类推。
所以，你现在看到C2Ahex应该可以轻松的把它转换成十进制的数字了吧！
C = 12，A = 10，最终结果是：12*16^2+ 2*16^1+10*16^0= 3114
那么RGB颜色模型又是怎么使用16进制的呢？
上文提到，由于RGB颜色模型的传统抄录方式过于复杂，每次如果要用传统方式都需要写很多个数字，再加上每种颜色正好有256 = 162种配色程度，非常适合于16进制的使用，我们便给每种颜色的256种数值预留两个数字（字母）的位置，从00（第一个数值）到FF （第256个数值）。
说了这么多，让我们来看一道实战练习题吧！
颜色（14，20，255）
这种颜色红色及绿色的数值使用的较少，而蓝色原色则是完全使用（255），所以我们已经可以预料到这将会是一种偏蓝色的颜色。让我们把它转化成16进制的网络代码吧！
第一个数值，14，不到16，所以应当用字母表示，它对应的是E，所以前两个代码应该是0E；20是1*16^1+ 4*16^0，所以这两个代码应该是14；最后的255为最大的数值，对应的代码应该是FF（1616）。最终，对应这种颜色的网络代码是#0E14FF。
大家在网上的颜色生成器中，既可以输入三种原色的制定数值，也可以输入颜色的16进制网络代码，两种方式都是可以的哦！
希望大家今天看完这篇文章之后，初步了解了RGB颜色模型的意义，也学会了怎样转换颜色的16进制代码！只要理解了这个过程，转换任何数字都不会有问题！当然，理解了RGB和十六进制颜色代码之间的关联，以后看到颜色代码也不会一头雾水看不懂了。
谢谢阅读！
请关注我的公众号“美国中学学习”!
回复数字1.越越精选的历史文章，让你全面了解美国中学学习
回复数字2.一个美国初中生登上了《21世纪学生英语报》的头版头条
回复数字3.亲历：美国顶尖私校（Andover和Exeter）面试过程（必转）
回复数字4.我是如何准备“神仙学校”（上外附中）面试的？
回复数字5.上外附中120的“牛蛙们”是怎么养成的？（深度好文）
回复数字6.有了我的“独家秘籍”，你也可以申请这几所美国顶尖高中了
回复数字7.钢琴曲《克罗地亚狂想曲》（越越演奏）
回复数字8.中国孩子到底什么时候来美国留学最合适？
回复数字9.关于作者越越返回搜狐，查看更多