a port of the Processing Visualization Language


example pic

rect(30, 20, 55, 55);
example pic
fill(204, 102, 0);

rect(30, 20, 55, 55);
Description Sets the color used to fill shapes. For example, if you run fill(204, 102, 0), all subsequent shapes will be filled with orange. This color is either specified in terms of the RGB or HSB color depending on the current colorMode() (the default color space is RGB, with each value in the range from 0 to 255).

When using hexadecimal notation to specify a color, use "#" or "0x" before the values (e.g. #CCFFAA, 0xFFCCFFAA). The # syntax uses six digits to specify a color (the way colors are specified in HTML and CSS). When using the hexadecimal notation starting with "0x", the hexadecimal value must be specified with eight characters; the first two characters define the alpha component and the remainder the red, green, and blue components.

The value for the parameter "gray" must be less than or equal to the current maximum value as specified by colorMode(). The default maximum value is 255.

To change the color of an image (or a texture), use tint().

fill(gray, alpha)

fill(value1, value2, value3)

fill(value1, value2, value3, alpha)


fill(color, alpha)


fill(hex, alpha)
gray int or float: number specifying value between white and black
alpha int or float: opacity of the fill
value1 int or float: red or hue value
value2 int or float: green or saturation value
value3 int or float: blue or brightness value
color color: any value of the color datatype
hex int: color value in hexadecimal notation (i.e. #FFCC00 or 0xFFFFCC00)
Usage Web & Application
Related noFill()

This reference is licensed under the CC BY-NC-SA 2.0 license:

Creative Commons License
Fork me on GitHub