UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Sliders in a Color Blender

In this example, two sets of RGB sliders (instances of the Uize.Widgets.Slider.Widget class) to the left and right let you choose two RGB colors. Then, a small slider above the swatch in the middle lets you blend between the two colors. As you change the left and right colors and the blending between them, the center swatch is updated in realtime and the RGB values of the blend color are indicated in the center by bars (also updated in realtime).

COLOR 1 COLOR 2