4 tools
Free Tailwind CSS tools
Small tools we use while building themes. Free, no sign-up, and everything runs in your browser.
Dashboard color palette generator
Turn one brand color into a full admin palette for light or dark dashboards, contrast-checked to WCAG AA, with a live preview and a Tailwind v4 export.
Open tool →Hex to Tailwind
Paste a hex, RGB, HSL or OKLCH color and get the closest Tailwind CSS v4 or v3 class, ranked by ΔE in OKLab.
Open tool →Tailwind config to v4 converter
Paste a tailwind.config.js or .ts and get the v4 CSS: @import, @theme with the right namespaces, @plugin, @source and @custom-variant, plus a list of what to finish by hand.
Open tool →Tailwind CSS colors
Every Tailwind v4 color with its OKLCH value and hex code, plus the v3 and v2 palettes. Click to copy.
Open tool →