A Simple RGBA Preview Tool

As an escape from less entertaining assignments, I recently put together this color swatch tool to select colors with alpha transparency.

By pulling the corresponding sliders you select the levels or red, green, blue and alpha, which is immediately displayed in a preview window as well as text color. There is also an option to preview the selected color as background color on the tool itself.

The CSS-code for the selected color is displayed in the box below the sliders.

Try out the RGBA Preview Tool

.

The tool is based on the jQuery UI Colorpicker, an example for the jQuery UI sliders.