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.
-
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.
-
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.
-
Explore a wide variety of color gradients - from basic gradients to intricate patterns. Tweak presets or build your own. Use gradients to pick colors.
-
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.
-
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.
-
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.
-
See how acceleration and deceleration affect fades in this visual representation using color gradients, where fades are blending between two colors.
-
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.
-
See how different values for the quantization property affect a fade with this visualization using color gradients for different quantization values.
-
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.
-
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.
-
Animate the color, horizontal offset, vertical offset, and blur radius properties for any number of CSS3 text shadows to produce amazing menu effects.
-
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.
-
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.
-
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.