rgb原理及应用

最新推荐文章于 2025-04-01 16:31:37 发布

故乡的胡辣汤开张了吗

最新推荐文章于 2025-04-01 16:31:37 发布

阅读量2.5k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/bai_pd/article/details/107107270

版权

RGB颜色模型基于红、绿、蓝三原色光的加色原理，可以组合出各种色彩。使用时，可通过百分比或0-255的数字来指定颜色。16色的表示如#BBFFFF，通过将16进制转换为10进制计算RGB值，例如#BBFFFF对应的RGB值是(187,255,255)。简写如#BFF表示全通道相同颜色的值，如#BBFFFF。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

附：
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）
对照RGB颜色对照表，#BBFFFF rgb值为（187,255,255）

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