-
用于设置颜色的color方法
-
对color进行颜色三原色提取的red(红)、green(绿)、blue(蓝)及alpha(透明度)
-
对color进行hue(色调)、brightness(亮度)、saturation(饱和度)及lightness(光度)提取
-
对color进行lerpColor(混合)
2.1 color的格式
| 语法 | 示例 | 说明 |
| :-: | :-: | :-: |
| color(gray, [alpha]) | color(65) | 0-255之间的数值 |
| color(v1, v2, v3, [alpha]) | color(255, 204, 0) | 红绿蓝(透明度) |
| color(value) | color(‘magenta’)
color(’#0f0’)
color(‘rgb(0,0,255)’) | 颜色字符串 |
| color(values) | color([255,0,0,100]) | 颜色数组 |
| color(color) | let c=color(255,0,0);let c2=color©; | 给color赋值color |
参数说明：
| 参数 | 类型 | 说明 |
| :-: | :-: | :-: |
| gray | 数字 | 一个定义白与黑之间的数值 |
| alpha | 数字 | 透明度值（默认为 0 至 255） |
| v1 | 数字 | 红彩值或色调值，需在被定义的范围内 |
| v2 | 数字 | 绿彩值或饱和度值，需在被定义的范围内 |
| v3 | 数字 | 蓝彩值或亮度值，需在被定义的范围内 |
| value | 字符串 | 颜色字符串 |
| values | 数字数组 | 一个有红、绿、蓝及透明度值的数组 |
| color | p5.Color | |
2.2 示例
代码
function draw()
{
let c = color([255,0,0,100]);//设置颜色
fill©;//填充颜色
rect(15, 20, 35, 60);//绘制图形
}
效果图
3.1 说明
| 方法 | 用法 | 说明 |
| :-: | :-: | :-: |
| red | red(color) | 从颜色或像素数组中提取红色彩值 |
| green | green(color) | 从颜色或像素数组中提取绿色彩值 |
|
蓝色彩值 |
| alpha | alpha(color) | 从颜色或像素数组中提取透明度值 |
3.2 示例(red为例)
代码
function draw()
{
let c = color(255, 204, 0); // 定义颜色值c
fill©; // 填充颜色
rect(15, 20, 35, 60); // 绘制左侧区域
let redValue = red©; // 获取c中红色
fill(redValue, 0, 0); // 用获取的红色填充(红,绿,蓝)
rect(50, 20, 35, 60); // 绘制右侧区域
}
效果图
四 hue(色调)、brightness(亮度)、saturation(饱和度)及lightness(光度)
4.1 说明
| 方法 | 用法 | 说明 |
| :-: | :-: | :-: |
| hue | hue(color) | 从颜色或像素数组中提取色调值 |
| brightness | brightness(color) | 从颜色或像素数组中提取 HSB 的亮度值 |
| saturation | saturation(color) | 从颜色或像素数组中提取饱和度值 |
| lightness | lightness(color) | 从颜色或像素数组中提取 HSL 的光度值 |
4.2 示例
|
| brightness | brightness(color) | 从颜色或像素数组中提取 HSB 的亮度值 |
| saturation | saturation(color) | 从颜色或像素数组中提取饱和度值 |
| lightness | lightness(color) | 从颜色或像素数组中提取 HSL 的光度值 |