
jscolor: JavaScript Color picker with Opacity (alpha channel)
Dec 2, 2023 · jscolor provides variety of configuration options. Whether you need to change color picker's size or colors, or attach a function to its onchange event, the configuration can be fine-tuned for your web project.
Documentation - jscolor: JavaScript Color picker
Generates a random color and sets it to the picker. If you wish to restrict some of the channels to a specific range, you can specify minimum and maximum boundaries for channels V, S, H, A (value, saturation, hue, alpha).
Examples - jscolor: JavaScript Color picker
Edit source Download Fullscreen editorAdding color pickers dynamically (AJAX)
Download & License - jscolor: JavaScript Color picker
Add data-jscolor attribute to all desired input or button elements:
Basic uses & Palette (swatch) - jscolor: JavaScript Color picker
jscolor Color Picker Overview Examples Configure Sandbox Documentation Download / License
onChange and onInput events - jscolor: JavaScript Color picker
jscolor Color Picker Overview Examples Configure Sandbox Documentation Download / License
Generate a random color - jscolor: JavaScript Color picker
jscolor Color Picker Overview Examples Configure Sandbox Documentation Download / License
Configure - jscolor: JavaScript Color picker
Show advanced optionsSample Page
Custom valueElement and previewElement - jscolor: JavaScript …
jscolor Color Picker Overview Examples Configure Sandbox Documentation Download / License
The Close button - jscolor: JavaScript Color picker
jscolor Color Picker Overview Examples Configure Sandbox Documentation Download / License