Demo: Alwan color picker

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~█████╗~██╗~~~~~██╗~~~~██╗~█████╗~███╗~~~██╗~
~██╔══██╗██║~~~~~██║~~~~██║██╔══██╗████╗~~██║~
~███████║██║~~~~~██║~█╗~██║███████║██╔██╗~██║~
~██╔══██║██║~~~~~██║███╗██║██╔══██║██║╚██╗██║~
~██║~~██║███████╗╚███╔███╔╝██║~~██║██║~╚████║~
~╚═╝~~╚═╝╚══════╝~╚══╝╚══╝~╚═╝~~╚═╝╚═╝~~╚═══╝~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

A lightweight, customizable, and touch-friendly color picker implemented in vanilla JavaScript, with no external dependencies.

Github

Options

Dark Theme Toggle Popover Preset Single Input Opacity Preview Copy Button Position

Margin Disable Color Default Color Format Inputs

HSL RGB HEX

Target Parent Close On scroll toggleSwatches Swatches

Color picker

Parent

Target