参考 colorMode()

colorMode()

改变颜色值的解读方式。

默认情况下,fill()stroke()background()color()Number 参数由使用 RGB 颜色模型下的 0 到 255 之间的值定义。这相当于调用了 colorMode(RGB, 255)。在这种模式中,纯红色是 color(255, 0, 0)

调用 colorMode(RGB, 100) 将颜色设置为使用介于 0 和 100 之间的 RGB 颜色值。在此模式中,纯红色是 color(100, 0, 0)

调用 colorMode(HSB)colorMode(HSL) 将颜色模式改变为 HSB 或 HSL,而不是 RGB。在 HSB 模式中,纯红色是 color(0, 100, 100),在 HSL 中是 color(0, 100, 50)

p5.Color 对象则会记住它们创建时的颜色模式,它们的外观不会因为此函数更改颜色模式而改变。

示例

语法

colorMode(mode, [max])
colorMode(mode, max1, max2, max3, [maxA])

参数

mode
常量:

可以是 RGB、HSB 或 HSL,分别对应红/绿/蓝和色相/饱和度/亮度(或明度)。

max
数字:

所有值的范围。

max1
数字:

当前颜色模式下,红色或色相的范围。

max2
数字:

当前颜色模式下,绿色或饱和度的范围。

max3
数字:

当前颜色模式下,蓝色或亮度/明度的范围。

maxA
数字:

Alpha (透明度)值的范围

Notice any errors or typos? Please let us know. Please feel free to edit src/color/setting.js and open a pull request!

相关参考