Posts Tagged ‘HSL’

Spectrum is a jQuery colorpicker plugin that probably comes with all the features you are looking for.

It is image-free (only CSS and JS) and can be used for all browsers or only as a polyfill for the input[type=color] of HTML5 .

The picker is actually familiar to designers/developers as it is the same one that comes with WebKit DevTools (created by the same developer) but now available as a jQuery plugin.

Spectrum - jQuery Colorpicker

It has support for color palettes by storing/displaying the colors you chose, the default selected color can be set or it can be configured to only display the palette with pre-defined colors.

Alpha transparency selection is available, can be always visible (without clicking to a picker icon) and supports multiple color formats.

Spectrum can be customized with CSS and it works on mobile as well.


Usually in web apps, when we want to collect color values from users, color pickers help a lot. And, there are various high-quality color pickers out there.

colorjoe is a new one which differentiates itself by being completely scaleable which is great for responsive layouts.

colorjoe - JavaScript color picker

It doesn't use any images, can be customized with CSS and works with all major formats (RGB, HSL, HSV or CMYK).

The color picker is standalone and has 2 callbacks: change (which is triggered continuously to detect value changes) and done (which is fired when a color is selected).