请向下滑动

颜色

学习RGB色彩模式

在编程中,我们使用RGB色彩模式来表示色彩。所谓RGB色彩模式,便是叠加红、绿、蓝三种光来表示各种各样的颜色。


RGB色彩模式

在编程中,我们将红绿蓝三种光以不同的亮度混合来表达颜色。

此时,红色的亮度用R来表示,绿色的亮度用G来表示、蓝色的亮度用B来表示。他们都是以0~255之间的整数来表示。RGB由Red(红)、Green(绿)、Blue(蓝)的首字母组成。

上述以RGB来表示颜色的模式被称为RGB颜色模式


表示红色

尝试使用RGB颜色模式来表示颜色吧。

比如,想要表示红色的话,就让R255G0B0的亮度来混合。编程时,要以RGB的顺序输入(255,0,0)

图1 红色(255,0,0)

表示绿色

绿色则是以R0G255B0来混合表示、编程时写作(0,255,0)

图2 绿色(0,255,0)

表示蓝色

蓝色则是R0G0B255来混合表示、编程时写作(0,0,255)

图3 蓝色(0,0,255)

表示黄色

R255G255B0时,就可以用(255,255,0)来表示黄色。

图4 黄色(255,255,0)

表示浅蓝色

R0G255B255时,就可以用(255,255,0)来表示浅蓝色。

图5 浅蓝色(0,255,255)

表示粉色

R255G0B255来混合的话就能以(255,0,255)来表示粉色。

图6 粉色(255,0,255)

表示白色

RGB都取255时便能表示白色(255,255,255)

图7 白色(255,255,255)

表示黑色

红绿蓝三种光都完全不混合的时候就会产生黑色。即R0G0B0时可以表达黑色(0,0,0)

图8 黑色(0,0,0)

表示混合颜色

尝试创建红绿蓝混合后产生的中间色吧。


红色与绿色的中间色

比如,增大红色(255,0,0)G的数值的话、就可以获得类似柿子一样的颜色。

另外,如果增加绿色(0,255,0)R的数值,就能获得类似绿葡萄一样的颜色。

图9 红色(255,0,0)与绿色(0,255,0)的中间色

绿色与蓝色的中间色

同样,让我们来学习绿色与蓝色的中间色吧。

如果增加蓝色(0,0,255)G的数值的话,就能得到像天空大海那般蔚蓝的颜色。

此外,如果增加绿色(0,255,0)B的数值的话,就能得到绿宝石般的颜色。

图10 绿色(0,255,0)与蓝色(0,0,255)的中间色

蓝色与红色的中间色

最后,让我们来学习蓝色与红色的中间色吧。

增加蓝色的(0,0,255)R的数值的话就能获得紫葡萄一样的颜色。

增加红色(255,0,0)B的数值的话,就能获得草莓一样的颜色。

图11 蓝色(0,0,255)与红色(255,0,0)的中间色

关于RGB颜色模式的学习便告一段落了。之后就让我们开始运用本课学到的知识,来编写能够改变颜色的程序吧。


总结

在编程中,我们使用RGB颜色模式来表示颜色。所谓RGB颜色模式,便是将不同强度的红色、绿色、蓝色的光以0~255的强度混合后来表示不同的颜色。