Tailwind Color Generator
Hasilkan skala warna gaya Tailwind (50→950) dari satu warna, lewat OKLCH. Semua proses berjalan di perangkat Anda — cepat, gratis, dan privat.
Hasil akan muncul di sini…
atau tekan Ctrl+Enter
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
728 × 90Slot Iklan TersediaPasang iklan Anda di sini
Contoh
Contoh Input
#0ea5e9
Contoh Output
50 #f0f9ff · 500 #0ea5e9 · 950 #082f49
Cara Penggunaan
- 1Masukkan warna atau data pada kolom Input.
- 2Atur "Pengaturan Lainnya" bila perlu, lalu klik Jalankan (atau Ctrl+Enter).
- 3Salin hasilnya — kotak warna ditampilkan di samping tiap nilai.
Tentang Tailwind Color Generator
Tailwind Color Generator membuat skala 11 langkah (50, 100, … 950) dari satu warna dasar, memakai ruang OKLCH agar terang antar-langkah terasa merata secara persepsi.
Tempel hasilnya ke konfigurasi Tailwind Anda. Untuk mengekspornya sebagai blok config siap pakai, gunakan Export Tailwind.
Pertanyaan Umum (FAQ)
Apakah data saya dikirim ke server?
Tidak. Tailwind Color Generator berjalan sepenuhnya di browser Anda — data Anda tidak pernah meninggalkan perangkat.