Generator Gradien
Buat gradien CSS linear, radial, dan conic dari awal dengan kontrol multi-stop yang dapat diseret dan preset yang dikurasi. Salin CSS siap pakai secara instan.
background: —;
Semuanya dihitung langsung di browser Anda — tidak perlu daftar, sepenuhnya gratis.
Tentang Generator Gradien
Gradient Generator membangun gradien CSS kustom dari awal. Pilih jenis linear, radial atau conic, atur sudutnya, dan bentuk campurannya dengan editor multi-titik: seret gagang untuk memindahkan titik, klik bilah untuk menambahkan titik baru, dan ubah warna titik mana pun dengan pemilih warna — pratinjau langsung diperbarui saat Anda bekerja.
Preset pilihan memberi Anda titik awal yang kuat saat Anda tidak ingin mulai dari kanvas kosong, dan tindakan satu-klik — random, reverse, rotate 45° — membuat eksplorasi jadi cepat. Kode CSS yang dihasilkan selalu terlihat dan tetap sinkron dengan pratinjau, sehingga apa yang Anda salin persis seperti apa yang Anda lihat.
Semuanya dihitung secara langsung di browser Anda tanpa biaya. Salin aturan CSS lengkap atau hanya nilai background-nya saja lalu tempel ke dalam stylesheet, gaya tombol atau bagian hero — generator gradien CSS yang mudah untuk latar belakang, overlay dan aksen UI.
Cara menggunakan Generator Gradien
- Pilih jenis gradien: linear, radial atau conic.
- Mulai dari sebuah preset atau klik "Random" untuk titik awal instan.
- Seret gagang titik untuk menempatkan warna, klik bilah untuk menambah titik, dan edit warna setiap titik.
- Sesuaikan sudutnya, atau gunakan "Reverse" dan "Rotate 45°" untuk mengubah arah campuran.
- Salin aturan CSS atau nilai background-nya lalu tempel ke dalam proyek Anda.