Generator Variasi Warna
Buat variasi warna dari terang ke gelap untuk warna apa pun. Atur jumlah langkah dan ekspor sebagai palet Tailwind CSS.
Pilih warna dasar
Rona (warna lebih terang)
Variasi lebih terang yang dibuat dengan mencampur putih dengan warna dasar
Bayangan (warna lebih gelap)
Variasi lebih gelap yang dibuat dengan mencampur hitam dengan warna dasar
Cara Menggunakan
Pilih Warna

Tentukan warna melalui pemilih atau kode HEX
Buat Variasi

Variasi terang ke gelap dibuat secara otomatis
Salin

Salin kode warna variasi yang diinginkan
Fitur
Kontrol Langkah
Atur jumlah langkah variasi
Berbagai Format
Salin dalam format HEX, RGB, HSL
Ekspor Palet
Ekspor palet dalam format Tailwind CSS
FAQ
🔗Alat Terkait
Konverter Kode Warna
Konversi antara kode warna HEX, RGB, dan HSL. Gunakan pemilih warna dan pratinjau waktu nyata untuk pemilihan warna yang intuitif.
Pemilih Warna
Pilih warna secara intuitif menggunakan roda warna dan slider. Dapatkan dan salin kode warna dalam format HEX, RGB, dan HSL.
Ekstraktor Warna Gambar
Deteksi warna dominan dari gambar secara otomatis dan hasilkan palet warna. Anda juga dapat mengklik di mana saja pada gambar untuk mengambil warna individual.
Pengambil Warna Rata-rata Gambar
Hitung warna rata-rata dari seluruh gambar atau area yang dipilih. Berguna untuk memilih skema warna atau warna latar belakang thumbnail.
Generator CSS Gradien
Buat gradien CSS secara visual dengan kontrol seret. Mendukung tipe gradien linear, radial, dan conic dengan preset.
Generator CSS Box Shadow
Buat CSS box-shadow secara visual dengan slider. Mendukung beberapa bayangan dan bayangan inset.