simpleCanvas logo

Color

Methods

background(i1, i2, i3);

Clears the screen by drawing the specified color over current drawing.

Parameters (HEX mode)
Variable Description
i1 Red value ("00" to "ff") Hex code
i2 Green value ("00" to "ff") None
i3 Blue value ("00" to "ff") None
Parameters (HSL mode)
Variable Description
i1 Hue value (0 to 255)
i2 Saturation percent (0 to 100)
i3 Lightness percent (0 to 100)
Parameters (RGB mode)
Variable Description
i1 Red value (0 to 255)
i2 Green value (0 to 255)
i3 Blue value (0 to 255)

colorMode(mode);

Changes mode that simpleCanvas will process inputs involving color.

Parameters
Variable Description
mode String or color variable

fill(i1, i2, i3);

Changes fill of shapes that use fill.

Parameters (HEX mode)
Variable Description
i1 Red value ("00" to "ff") Hex code
i2 Green value ("00" to "ff") None
i3 Blue value ("00" to "ff") None
Parameters (HSL mode)
Variable Description
i1 Hue value (0 to 255)
i2 Saturation percent (0 to 100)
i3 Lightness percent (0 to 100)
Parameters (RGB mode)
Variable Description
i1 Red value (0 to 255)
i2 Green value (0 to 255)
i3 Blue value (0 to 255)

noFill();

Disables fill until fill(); is called.

noStroke();

Disables stroke until stroke(); is called.

stroke(i1, i2, i3);

Changes stroke of shapes that use stroke.

Parameters (HEX mode)
Variable Description
i1 Red value ("00" to "ff") Hex code
i2 Green value ("00" to "ff") None
i3 Blue value ("00" to "ff") None
Parameters (HSL mode)
Variable Description
i1 Hue value (0 to 255)
i2 Saturation percent (0 to 100)
i3 Lightness percent (0 to 100)
Parameters (RGB mode)
Variable Description
i1 Red value (0 to 255)
i2 Green value (0 to 255)
i3 Blue value (0 to 255)

Variables

HEX

Returns "hex".

Used with colorMode();

HSL

Returns "hsl".

Used with colorMode();

RGB

Returns "rgb".

Used with colorMode();