Generator Gradasi Warna Online Gratis
Buat tint dan shade dari warna dasar mana pun.
Who uses the Generator Gradasi Warna?
- Developer front-end yang membuat palet warna merek untuk sistem desain dan pustaka komponen.
- Desainer yang memilih varian lebih terang atau gelap dari warna merek untuk status hover/aktif.
- Desainer UI yang membangun skala warna yang konsisten untuk antarmuka yang selaras secara visual.
How the Generator Gradasi Warna works
Masukkan warna HEX dasar, atau pilih melalui color picker.
Alat ini menghasilkan 9 tint yang lebih terang dan 9 shade yang lebih gelap dari warna dasar Anda, ditampilkan sebagai swatch hex.
Klik swatch mana pun untuk menyalin kode hex-nya ke clipboard.
Warna dasar itu sendiri ditampilkan terpisah di antara baris tint dan shade.
Tips & tricks
- Klik swatch mana pun — tidak hanya warna dasar — untuk menyalin kode hex spesifik tersebut; indikator kecil "Copied!" akan muncul sebagai konfirmasi.
- Tidak ada tombol "ekspor semua", jadi jika Anda memerlukan blok kode variabel CSS atau konfigurasi Tailwind yang lengkap, salin setiap swatch yang Anda butuhkan satu per satu.
- Karena pencampurannya adalah RGB sederhana, tint yang sangat terang dari warna jenuh mungkin terlihat sedikit kusam dibandingkan alat palet yang dikalibrasi secara perseptual.
- Ketik kode hex langsung di kotak teks untuk mendapatkan warna yang tepat, bukan mengandalkan grid swatch color picker.
Frequently Asked Questions
Berapa banyak warna yang dihasilkan alat ini?
Total 19: 9 tint (lebih terang, dicampur dengan putih), warna dasar Anda, dan 9 shade (lebih gelap, dicampur dengan hitam). Swatch diberi label kode hex masing-masing, bukan tingkat bernomor.
Apakah alat ini menggunakan konvensi penamaan Tailwind 50–950?
Tidak — swatch ditampilkan sebagai kode hex biasa, tanpa label tingkat angka Tailwind (50, 100, 200… 950). Anda dapat memetakan nilai hex yang dihasilkan ke penamaan Tailwind secara manual jika diperlukan.
Apa perbedaan antara shade dan tint?
Tint adalah warna yang dicampur dengan putih (lebih terang). Shade adalah warna yang dicampur dengan hitam (lebih gelap). Alat ini menghasilkan kedua arah dari warna dasar Anda.
Metode pencampuran warna apa yang digunakan alat ini?
Pencampuran RGB linear sederhana menuju putih (tint) atau hitam (shade). Alat ini tidak menggunakan ruang warna yang secara perseptual seragam seperti OKLCH, sehingga hue yang sangat jenuh mungkin terlihat sedikit tidak merata saat diterangkan/digelapkan dibandingkan warna netral — tidak ada opsi untuk mengganti metode pencampuran.
Bisakah saya mengekspor palet sebagai variabel CSS atau file konfigurasi Tailwind?
Tidak ada ekspor otomatis — tidak ada tombol ekspor massal. Klik setiap swatch yang Anda butuhkan lalu tempel kode hex-nya secara manual ke variabel CSS atau konfigurasi Tailwind Anda.
Is my data safe when using the Generator Gradasi Warna?
Completely safe. The Generator Gradasi Warna processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Generator Gradasi Warna output in commercial projects?
Yes. The Generator Gradasi Warna is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Generator Gradasi Warna follow official standards?
Yes. The Generator Gradasi Warna is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.