Basic options
Examples with basic picker options
Basic color picker

Color picker with default options

â–¼
Custom button text

Specify custom text for each button

â–¼
Hide picker buttons

Display only color picker area

â–¼
Disable color picker
â–¼
Container color

Custom container color class

â–¼
Replacer color

Custom replacer color class

â–¼
Picker additions
Show additional picker elements
Show initial color

Show color that was initially set

â–¼
Show input field

Add input for free form typing

â–¼
Show alpha channel

Allow alpha transparency selection

â–¼
Clear selection

Reset current color selection

â–¼
Input and initial

Combining different elements

â–¼
Full leatured

Full featured picker example

â–¼
Color palettes
Add a color palette to the picker
Show color palette

Display recently used colors

â–¼
Show palette only

Show palette and nothing else

â–¼
Toggle palette only

Toggle picker next to the palette

â–¼
Selection palette

Keep track of selected colors

â–¼
Limit selections

Palette colors are limited to 3

â–¼
Hide after select

Hide picker after color select

â–¼
Color formats
Display different color formats
HEX color format

Display colors in HEX format

â–¼
HEX3 color format

Display colors in HEX3 format

â–¼
HSL color format

Display colors in HSL format

â–¼
RGB color format

Display colors in RGB format

â–¼
HTML color names

HTML color names support

â–¼
Mix color formats

Change formats in the input

â–¼
Picker events
Basic usage of the picker events
Change event

Called as the input changes

â–¼
Move event

Called as the user moves around

â–¼
Hide event

Called after the picker is hidden

â–¼
Show event

Called after the picker is opened

â–¼
Dragstart event

Called as the drag event starts

â–¼
Dragstop event

Called as the drag event stops

â–¼
Flat pickers
Display a full size color picker
Basic flat picker

Basic full size color picker

cancel
Flat color palette

Display both palette and picker

cancel
Set picker color

Custom flat color picker color

cancel
Show input field

Add input for free form typing

cancel
Full featured

Full featured flat picker

cancel
Show initial color

Show color that was initially set

cancel
cancel
No way
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel
cancel