css取色器(rgb取色器)

  我们生活中最常见的光就是太阳光,据说在1672年牛顿用三棱镜将太阳光分离成了赤橙黄绿蓝紫青七色光。随着科技的进步,人们发现肉眼细胞对红绿蓝三种颜色较为敏感,而且这三种颜色按照不同比例混合会制造出很多其他的颜色,比如7色光中的其他4种颜色就可以用红绿蓝配比出来,是不是很神奇?这有点像电子数字,可以通过8衍生出其他九种数字。

image.png

  基于上面的理论,咱们就可以在计算机世界里用红绿蓝的搭配来显示各种颜色。

  目前RGB方式是将这三种颜色各用一个字节表示,每个字节8位,每位的大小是0到255.即这三种颜色每一个有256个选择,RGB一共可以表示256*256*256=16777216种颜色。虽然这并不能完全描述自然界中所有的光,但已经可以满足正常的生活需要了。

  在css中我们可以采用RGB标准来设置颜色值,这就需要用到css rgb()函数。

  css rgb()函数

  rgb() 函数使用红(R)、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色。

  RGB 即红色、绿色、蓝色(英语:Red, Green, Blue)。

  红色(R)0 到 255 间的整数,代表颜色中的红色成分。。

  绿色(G)0 到 255 间的整数,代表颜色中的绿色成分。

  蓝色(B)0 到 255 间的整数,代表颜色中的蓝色成分。

  如何使用取色器:

  1、选中要改变颜色的对象,右键调出配色面板,选择取色器。

  2、将你的配色方案插入该页PPT。我在配色网站(palettable)找到一组配色,这个网站可以直接将配色方案导出为图片。你也可以将自己喜欢的配色截图或者以其他形式保存。

  3、然后将取色器移动到想要吸取的颜色的地方,单击即可。


发表评论

评论列表

还没有评论,快来说点什么吧~