Responsive JavaScript Color Picker

The fullscreen initiation flag enables the color picker to open in fullscreen mode. By default, jSuites.color automatically activates fullscreen mode for screens smaller than 800 pixels.

Reset

Done

Grid

Spectrum

Sliders

Red

Green

Blue

<html>
<script src="https://jsuites.net/v5/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v5/jsuites.css" type="text/css" />
<input id='color-picker' />
<script>
jSuites.color(document.getElementById('color-picker'), {
    fullscreen: true,
});
</script>
</html>

More Examples

Color Picker Events
Color Palettes
Responsive Color Picker

Edit this page on GitHub