rgb原理及应用

附：
RGB颜色对照表 https://tool.oschina.net/commons?type=3

1. rgb定义
2. 使用方式
3. 16色（#BBFFFF）原理解释
4. 16色（#BFF）原理解释

一、定义

三原色光模式（RGB color model），又称RGB颜色模型或红绿蓝颜色模型，是一种加色模型，将红（Red）、绿（Green）、蓝（Blue）三原色的色光以不同的比例相加，以合成产生各种色彩光。

二、rgb的使用方式

1.通过"%"直接使用，数值在0-100之内

background-color: rgb(10%,10%,20%);

2.直接使用数字，数值在0-255

background-color: rgb(10,10,20);

两种使用方式归根结底还是同一种方式,使用"%"也是通过对0-255的数值求比百分值。

三、rgb三原色数值解析

附：
RGB颜色对照表 https://tool.oschina.net/commons?type=3

如今三原色多以#BBFFFF这种16色的形式使用，下面介绍16色对应的数值是如何计算的。
1.#必备
2.对所有的rgb颜色来说都具备三部分,红绿蓝,

以#BBFFFF为例,
第一步：把十六进制颜色分为三部分
BB代表红色区域，FF代表绿色区域， FF代表蓝色区域。
第二步：把每个16进制转换为对应的10进制数
从红色的BB入手：
①取出左侧的B并换算成十进制，也就是11，再乘以16
11 × 16=176
②取出右侧的B并换算成十进制，也是11，加上左侧数值*16之后的值，即得到0-255之内的具体对应数值
11+176=187
红色BB对应的rgb值是187

同理，计算绿色和蓝色的rgb值
绿色：F 十进制15 15 × 15+15=255
蓝色：F 十进制15 15 × 15+15=255
根据计算得到的#BBFFFF对应的rgb值应为（187,255,255）
对照RGB颜色对照表，#BBFFFF rgb值为（187,255,255）

附:在使用时,也会看到如#BFF之类的16色,不要慌张,那只是因为他简写了,只要每两位数字都一样,就可以简写.因此#BFF还是#BBFFFF,但如#ccbb10之类的就不能进行缩写