JavaScript Color Examples
The UIZE JavaScript Framework includes scores of excellent examples to get you started. This index lists 16 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 tour navigation bar that will appear just under the title bar to navigate through the examples. Use the arrows to go forward or back, or click on a "notch" on the progress bar to jump straight to an example.
Basic Color Grid 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 Format Converter Easily convert color values from one format to another. Convert between RGB hex, RGB tuple string, HSL, HSV, CMYK, and SVG color names. 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 Grid 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 Picker See how three RGB sliders 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.