UIZE JavaScript Framework

JavaScript Color Examples

The UIZE JavaScript Framework includes scores of excellent examples to get you started. This index lists 16 JavaScript color examples.
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.