TailwindCSS Color Matcher is a simple web application that lets you easily find a tailwindcss colour class with a given hexadecimal.
As a software engineer, I'm regularly asked to come up with ideas for my clients. To do this, I draw on a multitude of online resources.
However, I often ran into a problem during my research: when I was looking for inspiration on the internet, I systematically came across hexadecimal codes (for example, #FF0000), which made it difficult to find the corresponding colour in Tailwind for my client. This meant that I had to manually extract the HEX codes via the CSS inspector, a time-consuming and impractical method.
It was to solve this problem that I decided to create this site!
For this project, I used TypeScript, Next.js and TailwindCSS, which allowed me to simplify development and deploy quickly thanks to Vercel.
This project is open-source on GitHub.