v4
v5
v4
See examples in JavaScriptJavaScript
See examples in JavaScriptJavaScript
See examples in ReactReact
See examples in VueJSVueJS

A new version of the jSuites JavaScript Color Picker responsive configuration is available.

Responsive Color Picker

Responsive JavaScript color picker

The fullscreen initiation flag can be used to open the color picker in fullscreen mode. The jSuites.color will automatically set this as true for screens lower than 800 pixels.

Reset
Done
Grid
Spectrum
Sliders
0
0
0
a
<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<input id='color-picker'>

<script>
jSuites.color(document.getElementById('color-picker'), {
    fullscreen: true,
});
</script>
</html>