» Colors
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Colors

French | Italian

Specifying colors

RGB color model
HSL and HSV representation

Related nodes

Specifiyng Colors
RGB (Color Join)
RGB (Color Join Picker)
RGB (Color Join Vector)

HSV (Color Join)
HSV (Color Join Picker)
HSL (Color Join)

AsColor (String Hex)

Splitting into components
RGB (Color Split)
RGB (Color Split Vector)
HSL (Color Split)
HSV (Color Split)

Colors in vvvv are represented by 4 color components in a range 0..1:

  • R for Red
  • G for Green
  • B for Blue
  • A for Alpha (defines transparency)

There is also another way to represent a color in RGB space, which is typically more intuitive to adjust:

  • HSL (Hue, Saturation, Lightness)
  • HSV (Hue, Saturation, Value) aka HSB.

The IOBox (Color) uses the HSV representation by default, see Color IOBoxes.

Note, other software packages can specify individual components in another ranges:

  • RGB: 0..255 for the Color channels and 0..100% for the Alpha
  • HSL: 0..360° for the Hue and 0..100% for the Saturation and Lightness.

Don't forget to convert the values to the 0..1 range.
There are convenient RGB (Color Join Picker), HSV (Color Join Picker)and AsColor (String Hex) for helping. Or just type the expression like 270/360 into the IOBox to convert 207° of Hue into 0..1 range.

Saving / sending colors

Related nodes

AsString (Color Hex)
AsString (Color)
AsRaw (Color)
RGB (Color Split Vector)

AsColor (String Hex)
AsColor (String)
AsRaw (String)
RGB (Color Join Vector)

When you need to save / load a color to a file or send / receive it over the network it has to be represented as a String or Raw data.

Color Manipulation

Related nodes

- (Color)
+ (Color)
* (Color)
= (Color)
RGB (Transform)
HSL (Transform)
Blend (Color)
InputMorph (Color)

Colors in vvvv can be compared, transformed and interpolated.

See also:

Color Space conversion

Related nodes

HSLtoHSV (Color)
HSVtoHSL (Color)

These nodes are little helpers to convert between HSL and HSV spaces.

Palettes

How to Choose Colours Procedurally

Related nodes

RetroColors (Color)
Windows98Colors (Color)
NetscapeColors (Color)
Spectrum (Color)

See also:

Down the rabbit hole

Khan Academy - Pixar in a Box, Color science
Charles Poynton - Color technology
John Novak - What every coder should know about gamma
Bjango - Color management

External sites providing further info on color, color spaces and color management.



This is the landing page of the category Colors
Other pages in this category:

anonymous user login

Shoutbox

~3d ago

joreg: Workshop on 01 08: Augmented Reality using OpenCV, signup here: https://thenodeinstitute.org/courses/ss24-vvvv-augmented-reality-using-opencv-in-vvvv/

~12d ago

joreg: Workshop on 18 07: Fluid simulations in FUSE, signup here: https://thenodeinstitute.org/courses/ss24-vvvv-fluid-simulations-in-fuse/

~12d ago

joreg: Workshop on 17 07: Working with particles in FUSE, signup here: https://thenodeinstitute.org/courses/ss24-vvvv-working-with-particles-in-fuse/

~22d ago

joreg: Here's what happened in June in our little univvvverse: https://visualprogramming.net/blog/2024/vvvvhat-happened-in-june-2024/

~24d ago

joreg: We're starting a new beginner tutorial series. Here's Nr. 1: https://visualprogramming.net/blog/2024/new-vvvv-tutorial-circle-pit/

~25d ago

joreg: Registration is open for LINK - the vvvv Summer Camp 24! Full details and signup are here: https://link-summercamp.de/

~25d ago

joreg: Workshop on 11 07: Compute Shader with FUSE, signup here: https://thenodeinstitute.org/courses/ss24-vvvv-compute-shader-with-fuse/

~1mth ago

joreg: Workshop on 27 06: Rendering Techniques with FUSE, signup here: https://thenodeinstitute.org/courses/ss24-vvvv-rendering-techniques-with-fuse/

~1mth ago

joreg: Workshop on 20 06: All about Raymarching with FUSE, signup here: https://thenodeinstitute.org/courses/ss24-vvvv-all-about-raymarching-with-fuse/

~1mth ago

joreg: vvvv gamma 6.5 is out, see changelog: https://thegraybook.vvvv.org/changelog/6.x.html