jQuery miniColors

A compact color selector for input elements.

Default

Gray theme (set class="gray" on the input)

Black theme (set class="black" on the input)

With Opacity (set data-opacity attribute to 0–1 for preset)

Attached to a hidden input

Absolutely positioned in upper-right corner

Absolutely positioned in bottom-left corner

Absolutely positioned in bottom-right corner

Select an action to apply to all of the controls on this page: