Hex colour
Enter an hex colour value and find its closest value in Tailwind.
input
#a7f3d0
tailwind
emerald-200
Find the perfect tailwind colour class from any HEX value
Need to match colours in your design with Tailwind’s utility classes? This app makes it simple! Just input your colour in HEX format, and it’ll instantly find the closest Tailwind CSS colour class for you. Say goodbye to manually scrolling through colour palettes. Speed up your design process with precision!
How it works
🎨
Enter a HEX colour code.
📍
Instantly get the nearest Tailwind CSS colour class.
📎
Quickly copy the class name and paste it directly into your project.
Benefits
Time-saving
Instantly convert colours without manually referencing the Tailwind documentation.
Easy to use
A simple and intuitive interface designed for designers and developers.
Accurate colour matching
Our tool finds the exact or closest Tailwind colour class to match your design.
Input your colour now and see how easy it is to find the perfect Tailwind class.
Yet another app made with ❤️ byJean Robertou