Loading preview…
Color utilities for building, testing, and exporting theme palettes. — 4 tools
Browse all Tailwind CSS / Nuxt UI color palettes with every shade value.
Generate random semantic color palettes and export CSS variables for your theme.
Check WCAG AA and AAA contrast ratios between any two colors.
Convert colors between HEX, RGB, HSL, and OKLCH formats instantly.
These tools are most useful as a sequence instead of isolated demos. Start in the palette viewer when you want to compare available color ramps, move to the palette generator when you need fast starting points, convert final values into the format your project expects, and finish with the contrast checker before you export tokens.
That workflow gives you a tighter feedback loop than editing raw config by hand because you can inspect hue families, validate exact color formats, and catch accessibility problems before the theme is applied across components, blocks, and full-page templates.