rgb原理及应用

    技术2023-09-10  82

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

    rgb定义使用方式16色(#BBFFFF)原理解释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) (若是如#F0F8FF,同理,先转10进制,再相加,可以计算一下,答案放在最后了)

    对照RGB颜色对照表,#BBFFFF rgb值为(187,255,255),无误

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

    #F0F8FF rgb(240,248,255)

    Processed: 0.009, SQL: 9