Pembuat Gradien
Buat gradien CSS yang indah dengan editor visual. Salin kode CSS secara instan.
background: linear-gradient(120deg, #8b5cf6 0%, #ec4899 50%, #f59e0b 100%);Tools lain yang mungkin berguna
Semua tools →Pemilih Warna
Pilih warna dan buat harmoni (HEX, RGB, HSL)
Ekstraktor Palet
Ekstrak warna dominan dari gambar apapun
Pemeriksa Kontras
Periksa rasio kontras WCAG antara dua warna
Kompres Gambar
Kurangi ukuran file gambar dengan tetap menjaga kualitas
Hapus Latar Belakang
Hapus latar belakang gambar menggunakan AI
Generator Gradien — Buat Gradien CSS
Buat gradien CSS cantik dengan live preview. Mendukung linear, radial, dan conic gradien.
Jawaban singkat: Pembuat Gradien
Pembuat Gradien membantu menyusun transisi warna dan menghasilkan CSS yang dapat dipakai di web. Pilih warna, arah, dan posisi stop, lihat pratinjau, lalu salin deklarasi gradien.
- Input
- Dua atau lebih warna, arah, dan posisi stop.
- Hasil
- Pratinjau gradien dan kode CSS.
- Perlu diketahui
- Tampilan dapat sedikit berbeda antar layar; gradien juga tidak menjamin kontras teks yang cukup di seluruh area.
- ✓100% gratis, tanpa perlu daftar
- ✓Berjalan di browser — tidak ada upload file ke server
- ✓Proses cepat dengan hasil instan
- ✓Kompatibel desktop dan mobile
- ✓Privacy-first: data Anda tidak meninggalkan perangkat
Cara Menggunakan
- 1Siapkan input
Dua atau lebih warna, arah, dan posisi stop.
- 2Atur dan proses
Pembuat Gradien membantu menyusun transisi warna dan menghasilkan CSS yang dapat dipakai di web. Pilih warna, arah, dan posisi stop, lihat pratinjau, lalu salin deklarasi gradien.
- 3Periksa hasil
Pratinjau gradien dan kode CSS.
Apa yang perlu disiapkan untuk Pembuat Gradien?
Dua atau lebih warna, arah, dan posisi stop.
Apa hasil dari Pembuat Gradien?
Pratinjau gradien dan kode CSS.
Apa batasan Pembuat Gradien?
Tampilan dapat sedikit berbeda antar layar; gradien juga tidak menjamin kontras teks yang cukup di seluruh area.