---
title: "Responsive JavaScript Color Picker"
description: "Learn how to configure the responsive behaviour of the jSuites color picker plugin, including a fullscreen mode for smaller screens."
source: https://jsuites.net/docs/color-picker/mobile
---

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.

```html
<html>
<script src="https://jsuites.net/v6/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v6/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](/docs/color-picker/events)
* [Color Palettes](/docs/color-picker/color-palettes)
* [Responsive Color Picker](/docs/color-picker/mobile)

## Related Documentation

- [jSuites Color Picker](https://jsuites.net/docs/color-picker) - Main color picker documentation
- [LemonadeJS Color Picker](https://lemonadejs.net/docs/plugins/color-picker) - Reactive alternative with two-way data binding