The UIZE JavaScript Framework includes scores of excellent examples to get you started. This index lists 15 JavaScript color examples.
TAKE A STEP-BY-STEP TOUR...
You can take a step-by-step tour through the examples listed on this page. When you get into the tour, you can use the gigantic arrows that will appear on either side of the example pages to navigate from one page to the next (or back). You can also use the "thermometer" bar, that will appear right underneath the title bar of the example pages, to navigate to other pages in the tour. The highlighted segment of the thermometer shows you where you are in the tour.
-
Basic Color Cube
See an example of a color grid, where the color swatches in the grid are interpolated from RGB corner colors that can be dynamically set by the user. -
Color Cube With Color Pickers
See an example of a color grid, with RGB color pickers for editing corner colors, and the ability to click-and-drag in the grid to "smear" its colors. -
Color Gradient Tool
Explore a wide variety of color gradients - from basic gradients to intricate patterns. Tweak presets or build your own. Use gradients to pick colors. -
Color Picker
See how three RGB color picker widgets - with sliders for red, green, and blue - can be used to tweak text color, background color, and border color. -
Color Pickers With Gradient
See a demo of a dynamically generated color gradient, where the two end colors of the gradient can be modified using RGB color pickers with sliders. -
Color Sort by RGB Proximity
When you have a limited palette of colors, how can you sort the colors to find the closest matches to a desired color? This example shows you how. -
Fade As a Color Chart
See how acceleration and deceleration affect fades in this visual representation using color gradients, where fades are blending between two colors. -
Fade CSS Style Across Nodes
See how CSS style properties can be faded across a series of nodes to create color gradient effects you wouldn't think possible without using images. -
Fade Quantization Chart
See how different values for the quantization property affect a fade with this visualization using color gradients for different quantization values. -
Fading an Object
Animate complex data objects with ease. UIZE supports compound value interpolation. See how an array of two RGB color objects can be faded over time. -
Hover Fader Color Effects
Who needs boring menus when you can have stunning menu animations that will have your users mesmerized! You have to see these effects to believe them. -
Hover Fader Text Shadow Animation
Animate the color, horizontal offset, vertical offset, and blur radius properties for any number of CSS3 text shadows to produce amazing menu effects. -
Sliders as RGB Selectors
Get three sliders in the same room together and you've got yourself an RGB color selector. See how to get sliders to cooperate for the greater good. -
Sliders in a Color Blender
Three sliders for one RGB color selector. Three sliders for another. One slider to blend between the colors. Three sliders to show the blended color. -
Sortable Color Table
See all the standardized colors of the CSS 3 specification in a sortable table, where you can sort by name, hue, saturation, lightness, and more.