Membuat gradien CSS yang halus
Gradien linear menambah kedalaman pada tombol, latar, dan kartu tanpa gambar. Alat ini memungkinkan Anda melihat kombinasi warna dan sudut secara langsung dan menyalin CSS siap tempel.
CSS Gradient Generator
Pilih dua warna dan sudut untuk melihat pratinjau gradien linear dan menyalin CSS-nya.
Cara kerja
- 1
Isi field formulir.
- 2
Ubah mode jika ada.
- 3
Salin keluaran saat sudah benar (sering langsung).
Mengapa menggunakan alat ini
- Berjalan sepenuhnya di browser Anda — tidak ada data yang diunggah ke server.
- 100% gratis, tanpa perlu daftar dan tanpa batas.
- Berjalan di browser modern — tanpa aplikasi, ekstensi, atau akun.
Cara menggunakan CSS Gradient Generator
Lengkapi field di CSS Gradient Generator. Keluaran dibuat di browser.
Tips untuk hasil yang lebih baik
Kosongkan field opsional untuk hasil minimal.
Privasi dan pemrosesan di browser
Jika memungkinkan, CSS Gradient Generator memproses data secara lokal dengan JavaScript di halaman ini. Draf, rahasia, dan pekerjaan yang belum selesai tetap di perangkat Anda secara default. Gunakan alur ini saat Anda tidak ingin mengunggah teks sensitif, token, kata sandi, atau file ke layanan pihak ketiga.
Pertanyaan yang sering diajukan
Bisakah saya menggunakan lebih dari dua warna?
Alat ini berfokus pada gradien dua warna yang bersih; untuk gradien multi-stop, rangkai beberapa nilai color-stop secara manual di CSS yang dihasilkan.
Apakah sudutnya sesuai persis dengan derajat CSS?
Ya, slider sudut memetakan langsung ke nilai derajat yang digunakan dalam fungsi linear-gradient().
Apakah data saya diunggah saat memakai alat ini?
Untuk sebagian besar alat FlyUtils, tidak. Pemrosesan terjadi di browser dengan JavaScript. Jika suatu alat membutuhkan server, itu akan dijelaskan di halaman.
Apakah CSS Gradient Generator gratis?
Ya. CSS Gradient Generator gratis, tanpa daftar, dan tanpa batas artifisial untuk penggunaan pribadi maupun kerja sehari-hari.
Apakah CSS Gradient Generator bekerja di ponsel?
Ya. Halaman ini mobile-first sehingga Anda bisa menempel input, mengatur opsi, dan menyalin hasil dari ponsel atau tablet.