jscolor Color Picker Examples

Download Back To CSSScript.Com

A cross-browser, framework-agnostic, mobile-friendly, and highly-customizable color picker built using plain JavaScript.

Example 1 - HEX

Color:

Example 2 - HEX with Alpha

Color:

Example 3 - RGBA

Color:

Example 4 - Button

Color: Value: Alpha:

Example 5 - Events: onChange and onInput

You can specify onChange/onInput event handler using jscolor's options:

change event input event

For text INPUTS, you can keep with classic HTML attributes:

change event input event

Example 6 - Presets

Small dark preset:

Large preset:

Example 7 - Customized picker