Limit ed/less color picker

A simple color picker of tailwind (or tailwind like palette) colors for Svelte.

Limit choice of colors for great looking personalization.

emerald-500
#10b981

Why?

OG Color pickers allow users to choose any color they want. This is great for flexibility but not always what you want when building personalization tools.

This component was built to allow users to pick from a defined set of colors. This can make the UI more consistent and predictable. Using Tailwind default colors makes this easy and great looking out of the box.

Features

HTML Canvas
For optimal performance
Flexible Color Options
Use Tailwind default colors or your own
Lightweight
Small size with no dependencies

Examples

Rounded corners

Small margin

Limit colors by name

Limit colors by shade

Vertical orientation

Sizes

Custom palette