Alternatives

Products that do what hex2tailwind does

Convert hex to tailwind v4 colors

1. 1
   Tailwind Helper▲120

   Convert and visualize your tailwind classes

   2022

2. 2
   fullwindcss▲377

   Extra color shades for Tailwind CSS

   2024

3. 3TA
   Tailcolors, a TailwindCSS Color Palette▲12

   Hey HN, I built tailcolors.com — a TailwindCSS color palette where you can click to copy any Tailwind color class. I'm a longtime Tailwind user and I've tried some similar tools, but none supported v4 colors or the new oklch variants. Tailcolors has both! You can easily copy the 50-950 variants of each color by clicking on them, plus optionally toggle between copying the raw Tailwind class, a hex code, or the oklch property. Enjoy!

   2025 · tailcolors.com

4. 4
   URL2Tailwind▲165

   Convert Any URL to Tailwind CSS HTML

   2024

5. 5
   TailConverter▲183

   The easiest way to convert CSS to Tailwind CSS

   2024

6. 6
   Tailwind CSS v2.0▲390

   Rapidly build modern websites without ever leaving your HTML

   2020

7. 7
   HueWind▲80

   A opinionated, cohesive palette generator for Tailwind CSS

   2022

8. 8
   Windy▲379

   Transform every HTML element on any website to Tailwind CSS

   2020

9. 9
   Tailwind Color Palette Generator▲6

   Generate perfect 11-shade color palettes from any HEX code.

   Oct 2025

10. 10
    UI Colors▲305

    Tailwind CSS color generator & editing tool

    2022

11. 11
    Tailwind CSS Play▲465

    An advanced online playground for Tailwind CSS

    2020

12. 12TC
    Tailwindize – Convert colors into ones from Tailwind CSS▲6

    2021 · quoorex.com

13. 13TB
    Tailwind Builder – online editor for the Tailwind CSS framework▲295

    2019 · tailwind.build

14. 14
    𝘊𝘰𝘭𝘰𝘳𝘴 𝘈𝘯𝘥 𝘍𝘰𝘯𝘵𝘴 2020▲185

    Colors, fonts & resources for developers & digital designers

    2020

15. 15
    Tailwind Builder 2.0▲293

    Online editor & Visual Studio Code extension for TailwindCSS

    2020

16. 16
    Tailwind CSS▲425

    A utility-first CSS framework for rapid UI development

    2017

17. 17
    Tailwind Scanner▲179

    Your single developer tool for Tailwind CSS

    2024

18. 18
    Figma to Tailwind CSS▲150

    Convert Figma designs into Tailwind CSS code in 1 click

    2023

19. 19
    Tailwind CSS v1.0▲279

    A utility-first CSS framework for building custom designs.

    2019

20. 20
    Tailwind.ink▲233

    AI color palette generator for Tailwindcss

    2020

21. 21
    Tailwind CSS Gradient Generator▲110

    Awesome open-source gradient tool for web designers

    2022

22. 22TR
    Tailwind.run – An Online Playground for Tailwind CSS▲181

    2019 · tailwind.run

23. 23
    Tailwind DX▲245

    A DevTools extension enabling smart tools for Tailwind CSS.

    2022

24. 24
    Image-to-Tailwind▲87

    Generate a Tailwind-ready color palette from an image

    2021

Ranked by how close each launch is in meaning, then by votes. Refine with a description →