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


French | Italian

In programming colors are specified using a color model which specifies how a color is being represented by typically 4 color components. vvvv uses the RGB color model and has the following nodes allowing colors to be specified:
RGB (Color Join)
HSL (Color Join)
HSV (Color Join)

and split up into their components:
RGB (Color Split)
HSL (Color Split)
HSV (Color Split)

The HSL and HSV variants are just other ways of representing points (colors) in an RGB color model which are typically more intuitive to adjust. That's why the IOBox (Color) uses the HSV representation by default. HSV is also sometimes called HSB.

The individual components of color models are often specified from 0 to 255 for red, green, blue and alpha, for 0 to 360° for the hue of a color and for 0 to 100% for the saturation and lightness or value/brightness. Not so in vvvv:

The most important thing to know about colors in vvvv is that the value range of their individual components is always 0 to 1.

While this allows for very efficient handling of colors within vvvv you may find it not so intuitive to enter constant values for individual component taken e.g. from other software. Consider the need to enter a constant value of 207° as the hue of a color. In this case just type into the IOBox:


which will be evaluated to


String representations

When you need to save a colors value as a string to a file or interpret a color from a string try the following nodes:


- (Color)
+ (Color)
* (Color)

Linear Interpolation between colors:
Blend (Color) = InputMorph (Color)


HSLtoHSV (Color)
HSVtoHSL (Color)


RetroColors (Color)
Windows98Colors (Color)
NetscapeColors (Color)
Spectrum (Color)
How to Choose Colours Procedurally

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

anonymous user login


~55min ago

joreg: @xd_nitro: got it. see \girlpower\VL\Animation\MultiTouch for a little #vl example of doing this #vvvv

~18h ago

xd_nitro: will do Joreg. @cat - poss but can't move to 50 anyway.

~22h ago

catweasel: zoom-pan-rotate-touchgestures @XD_nitro, could VL do what you need?

~1d ago

joreg: @xd_nitro: from looking at that patch i don't really understand what it is doing: can you start a forumthread and specify your needs?

~1d ago

xd_nitro: oh it's a contribution not forum. doh! multitouch-stack-revived

~1d ago

xd_nitro: hey y'all - anyone up for doing some sponsored work on multitouch-stack-revived?

~2d ago

tonfilm: @all please update your VVVV.OpenVR pack, important bugfix: vvvv.openvr #htc #vive #oculus #rift #vr

~2d ago

~2d ago

id144: @joreg i'm not sure where to start with the requests, everything i know is wrong and yoghurt

~2d ago

joreg: only 5 requests but already 20 proposals for #node17 workshops. keep'em coming: node17-call-for-workshops #vvvv #vl #visualprogramming