Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Tailwind CSS Color Picker

The Color Picker component offers a user-friendly interface, enabling effortless selection from a spectrum of colors to enhance web design and user experience.

Heads up!

By default Preline UI uses Tailwind CSS Forms plugin. Don't forget to install it!

Default color input

Use type="color" on a native <input> to let users choose a color value from the browser picker.

© 2026 Preline Labs.