rgb(r,g,b,a) 设置 RGBA 颜色

功能分类: UI Controls Applab JavaScript 少儿编程

指定 RGBA 值,设置当前画笔颜色,用在页面画背景、规则图形、线及点等不同类型的图形。

传递 RGB 三个参数值,可以获得 256^3 = 16777216 种不同颜色。

如果只有一个参数,则参数表示颜色的灰度值;如果有两个参数,则参数分别表示颜色的灰度值和透明度;如果有三个参数,则参数分别对应 RGB 的三个值;如果有四个参数,则参数分别对应 RGB 的三个值以及透明度。

示例代码



// 如果只有一个参数,则参数表示颜色的灰度值
fill(rgb(100));  
rect(100, 100, 50, 50);

// 如果有两个参数,则参数分别表示颜色的灰度值和透明度
fill(rgb(100,0.5));
rect(150, 100, 50, 50);

// 如果有三个参数,则参数分别对应 RGB 的三个值
fill(rgb(0,100,200));
rect(100, 150, 50, 50);

// 如果有四个参数,则参数分别对应 RGB 的三个值以及透明度
fill(rgb(0, 100, 200, 1));
rect(150, 150, 50, 50);

示例代码:法国国旗 你可以在网上查询每个国家国旗的官方颜色


// 画一面法国国旗(蓝白红)
// 你可以在网上查询每个国家国旗的官方颜色
fill(rgb(0,85,164));
rect(50, 50, 300, 100);

fill(rgb(255,255,255));
rect(50, 150, 300, 100);

fill(rgb(239,65,53));
rect(50, 250, 300, 100);

语法规则


rgb(r, g, b, a)

参数说明

名称 类型 必需 参数描述
r Number Yes 指定 red 红色 数值,数值范围为 0 - 255
g Number Yes 指定 green 绿色 数值,数值范围为 0 - 255
b Number Yes 指定 blue 蓝色 数值,数值范围为 0 - 255
a Number No 指定 opacity 透明度 数值,数值范围为 0.0(完全透明)到 1.0(完全不透明)。默认值为 1.0(完全不透明)。

返回值

设置当前画笔颜色并返回 color 颜色类型。返回值通常作为参数传递给 background()、fill() 或 stroke() 方法使用。

提示说明

  • 如果输入的 RGB 参数中的任何一个不在 (0-255) 范围内,实际值就取在这范围内最接近的一个值。比如 300 实际值取 255,如果是 -100 实际值则为 0 。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页