Processing学习记录(5):颜色模式


1 色彩模式

1.1 基本介绍

计算机中,指定颜色的方法有很多种,例如RGB模式、CMYK模式、HSB模式、Lab模式等。
Processing支持RGBHSB模式,默认的色彩模式是RGB色彩模式

RGB色彩模式有红、绿、蓝三种颜色通道来表示色彩,每个通道由0~255的值来表示通道的颜色强度,如RGB(255,0,0)表示纯红色,可以总计表示出256×256×256=16777216种颜色。

HSB色彩模式是由色相(H)饱和度(S)明度(B)表示的。
色相表示色彩的相貌,例如红、黄、蓝灯,用0-360(代表角度0°-360°)来表示不同色相的颜色;
饱和度表示色彩的鲜艳程度,用0100(代表百分比值0%-100%)来表示;
明度是表示颜色的明暗程度或者颜色的深浅,用0
100(代表百分比值0%-100%)来表示,如HSB(0,100,100)表示纯红色。

1.2 设置色彩模式

使用colorMode()函数,设置色彩模式和各通道的最大值。有多种重载类型,如下。

1.2.1 colorMode(mode)

mode:色彩模式,可选择RGB(默认)或HSB。
如果选RGB,默认各通道最大值为255。
如果选HSB,默认各通道最大值为255。
例如:

colorMode(100)    // 色彩模式默认选择RGB,各通道最大值都设置为100

1.2.2 colorMode(mode,max1,max2,max3)

默认状态下,HSB各通道最大值为255、255、255,与标准的360、100、100有所不同,所以通过填写max1、max2、max3进行修改。例如

colorMode(HSB,360,100,100)   // 色彩模式选取HSB,各通道最大值分别设置为360、100、100

1.2.3 colorMode(mode,max1,max2,max3,maxA)

maxA代表不透明度。

colorMode(HSB,360,100,100,100)   // 色彩模式选取HSB,各通道最大值分别设置为360、100、100,不透明度为100

1.2.4 colorMode(mode,max)

max代表各通道统一的最大值。

colorMode(HSB,100)   // 色彩模式选取HSB,各通道最大值都设置为100

2 创建颜色

使用函数color()创建颜色。包括以下几种类型:

color(v1,v2,v3)
color(v1,v2,v3,alpha)
color(gray,alpha)

v1~v3:各通道值;alpha:不透明度,默认最大(即不透明);gray:颜色灰度。示例如下:

2.1 RGB模式,创建一个红色

color c = color(255,0,0)   // 创建一个红色,并存放在颜色变量c中

2.2 RGB模式,创建一个半透明黄色

color c = color(255,255,0,128)   // 创建一个半透明黄色,并存放在颜色变量c中

2.3 HSB模式,创建一个半透明黄色

colorMode(HSB,360,100,100,255)   // 设定色彩模式为HSB并设置值范围
color c = color(60,56,90,128)   // 创建一个半透明黄色,并存放在颜色变量c中

3 将设置的颜色应用到描边和填充中

color


文章作者: Pamarus
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Pamarus !
评论
  目录