uiHue

uiHue

Tailwind CSS v4 OKLCH Palette Generator

20 followers

Visit website
•
•
Generate palettes for Tailwind CSS v4 with P3 gamut colors in the OKLCH space. Export to Tailwind v4/v3 config format, save your palettes and share with your team without registration. Perfect for matching the brand colors of your customers with Tailwind's color system 🎨
Interactive
uiHue - Free Tailwind4 Palette Generator gallery image
uiHue - Free Tailwind4 Palette Generator gallery image
uiHue - Free Tailwind4 Palette Generator gallery image
uiHue - Free Tailwind4 Palette Generator gallery image
uiHue - Free Tailwind4 Palette Generator gallery image
uiHue - Free Tailwind4 Palette Generator gallery image
Free
Launch tags:Design Tools•Developer Tools•Web Design
Launch Team / Built With
Wispr Flow: Dictation That Works Everywhere
Wispr Flow: Dictation That Works Everywhere
Stop typing. Start speaking. 4x faster.
Promoted

What do you think? …

Matteo Frana
Maker
📌
Hey Product Hunt! 👋 I'm excited to share UIHue - a tool I built to help developers and designers create beautiful color palettes for Tailwind CSS v4. With the recent shift to OKLCH colors in Tailwind, I wanted to make it super easy to generate custom palettes that perfectly match Tailwind's color system and leverage the P3 color space. 🎯 Why I built it: - Matching brand colors with Tailwind's palette system was challenging - The new OKLCH color space opens up great possibilities for vibrant colors - Existing tools didn't provide an intuitive way to work with OKLCH I'd love to hear your feedback and suggestions for improvement! 🙏 Use it for free at [UIHue.com](http://UIHue.com) - no registration required!
Francesco Motta

UiHue is an awesome tool for Tailwind v4! 🎨 It makes generating OKLCH-based palettes super easy with a wider gamut, perceptual accuracy and smoother gradients. Thanks to its non-linear lightness curves and perceptually balanced chroma, it also improve a11y. No more guesswork, trial and error, just pick, refine and get Tailwind-ready colors instantly. A must have for both devs and designers! 🔝 🔝

Dario Ronzoni

Congratulations, Matteo! 🎉
UIHue is an incredibly useful tool, perfect for simplifying the creation of color palettes in Tailwind CSS v4.
I wasn’t familiar with the OKLCH color space before, and it’s truly fascinating. Your article, The Mystery of Tailwind Colors (v4), provided an excellent opportunity to delve deeper into this topic.
Thank you for this project!

Cecilia Panicali

Oh, I love it! ❤️
uiHue will make it so much easier for me to create a custom palette with OKLCH colors for websites! I won't have to rack my brains for hours anymore trying to come up with a complete set of Tailwind hues that match the chosen primary color. Moreover, the fact that you can export the code (Tailwind v4-ready, sooo convenient!), save your palettes to pick them up later and also share them for free is simply amazing! ✨
I will definitely recommend it! Thank you so much for creating it!

Diego Salinas Gardón
Gatling

Love it! It'll make it easier for me to pick and match colors in Tailwind 🌬️🪁