vuo.color
These nodes are for working with colors.
A color can be represented in various ways by these nodes:
- The HSL color model corresponds to the way that many people think about colors. An HSL color is represented by three numbers ranging from 0 to 1. The first number represents the hue, the second number represents the saturation, and the third number represents the lightness.
- Example: Bright red has HSL value [0, 1, 0.5].
- The RGB color model is often used to represent colors on a computer. An RGB color is represented by three numbers ranging from 0 to 1. The first number represents the amount of red, the second number represents the amount of green, and the third color represents the amount of blue. The red, green, and blue components of an RGB color are combined additively, so the result is like mixing light.
- Example: Bright red has RGB value [1, 0, 0].
- Example: Pale yellow has RGB value [1, 1, 0.5].
- The CMYK color model is often used to represent colors in printing. A CMYK color is represented by four numbers ranging from 0 to 1. The first number represents the amount of cyan, the second number represents the amount of magenta, the third number represents the amount of yellow, and the fourth color represents the amount of black (also called key). The cyan, magenta, yellow, and black components of a CMYK color are combined subtractively, so the result is like mixing ink.
- Example: Bright red has CMYK value [0, 1, 1, 0].
- Example: Pale yellow has CMYK value [0, 0, 0.5, 0].
These nodes treat colors the same regardless of whether they were created using HSL, RGB, or CMYK. For example, you can connect the output port of a Make HSL Color
node to any input port that accepts a color, including a Get RGB Color Values
node.
In addition to the numbers representing HSL, RGB, or CMYK, a color can be described by a fourth number representing its opacity (also known as alpha). This number also ranges from 0 to 1, with 1 being fully opaque and 0 being fully transparent.
Example compositions:
- Average Colors: Displays the average color that falls between a chosen color and each of red, green, and blue.
- Change Saturation And Lightness: Displays colors of different hues and varies their saturation and lightness as the mouse moves.
- Pick Color: Samples a color from an image, then displays that color's hexadecimal value in a preview well.
Nodes:
- Average Colors (vuo.color.average): Finds the average of the given colors.
- Blend Colors (vuo.color.blend): Blends two colors into a single color.
- Convert DMX to Color List (vuo.color.dmx.list): Given a list of channel intensity values (received from a DMX device using the Receive Art-Net Messages node), creates a list of colors.
- Get CMYK Color Value (vuo.color.get.cmyk): Gives the CMYK (cyan, magenta, yellow, key/black) values of a color.
- Get Hex Color Value (vuo.color.get.hex): Gives the hexadecimal color code representation of a color.
- Get HSL Color Values (vuo.color.get.hsl): Gives the HSLA (hue, saturation, lightness, alpha/opacity) values of a color.
- Get RGB Color Values (vuo.color.get.rgb): Gives the RGBA (red, blue, green, alpha/opacity) components of a color.
- Convert Color List to DMX (vuo.color.list.dmx): Given a list of colors, creates a list of channel intensity values which can be sent to a DMX device using the Send Art-Net Messages node.
- Make CMYK Color (vuo.color.make.cmyk): Creates a color from CMYK (cyan, magenta, yellow, key/black) values.
- Make Hex Color (vuo.color.make.hex): Creates a color from a hexadecimal color code.
- Make HSL Color (vuo.color.make.hsl): Creates a color from HSLA (hue, saturation, lightness, alpha/opacity) values.
- Make RGB Color (vuo.color.make.rgb): Creates a color from RGBA (red, green, blue, alpha/opacity) components.