Apa itu Pencari Warna Tailwind?

Tailwind Color Finder menerima kode warna hex apa pun dan langsung menemukan kelas utilitas Tailwind CSS yang paling cocok. Daripada mencocokkan palet warna secara manual, cukup tempel kode hex dari alat desain Anda dan dapatkan nama kelas Tailwind yang tepat untuk digunakan dalam markup.

Cara menggunakan

1. Masukkan kode warna hex dari mockup desain Anda atau pilih warna menggunakan color picker.
2. Alat ini langsung menampilkan kelas warna Tailwind CSS terdekat dengan perbandingan visual secara berdampingan.
3. Salin nama kelas Tailwind (misalnya bg-blue-500) langsung ke kode Anda. Lihat jarak warna untuk menilai seberapa dekat kecocokannya.

Hasil

Desainer Anda memberikan warna brand #2563EB. Tempel kode tersebut dan alat menunjukkan bahwa warna ini cocok persis dengan blue-500. Untuk #3A7BC8, alat menemukan sky-600 sebagai kecocokan terdekat dengan skor jarak yang menunjukkan seberapa dekat hasilnya.

Alat terkait