SOURCE CODE: Sliders in a Color Blender

VIEW EXAMPLE




  Sliders in a Color Blender | JavaScript Examples | UIZE JavaScript Framework
  
  
  
  
  
  
  






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