Color picker

jQuery MiniColors

Control Types

Positions

Input Modes




RGB(A)

RGB input can be assigned by setting the format option to rgb.


RGBA input can be assigned by setting the format option to rgb and opacity option to true.


More Options

Opacity can be assigned by including the data-opacity attribute or by setting the opacity option to true.

This field has a default value assigned to it, so it will never be empty.

Example with swatches.

CSS-wide keywords can be assigned by setting the keywords option to a comma-separated list of valid keywords: transparent, initial, inherit.

This field will always be uppercase.

Example with swatches and opacity.

Spectrum Color Picker

â–Ľ

Default Color Picker

â–Ľ

Display Color Picker without buttons

â–Ľ

Disable / Enable Color Picker


â–Ľ

Specify custom button text

â–Ľ

Change picker color using custom container color class

â–Ľ

Change selector color using custom replacer color class


â–Ľ

Clear current color selection

â–Ľ

Show color that was set at the time of initialization

â–Ľ

Add input to type color code or select any color


â–Ľ

Allow color transparency selection

â–Ľ

Fully featured color picker example

â–Ľ

Color palette will display recently used colors


â–Ľ

Show the palettes you specify, and nothing else.

â–Ľ

Show a button to toggle the color picker next to the palette.

â–Ľ

Color palette will display recently used colors


â–Ľ

Preferred Format HEX

â–Ľ

Preferred Format HEX3

â–Ľ

Preferred Format HSL


â–Ľ

Preferred Format RGB

â–Ľ

Preferred Format NAME (Falls back to hex)

â–Ľ

Preferred Format None (Depends on input - try changing formats with the text box)


â–Ľ

Called after the picker is opened

â–Ľ

Called as the drag event starts

â–Ľ

Called as the user moves around


cancel

Basic full size color picker

cancel

Display both palette with show/hide picker toggle

cancel

Full featured flat picker

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now
cancel
cancel
Not this
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel