Generator Gradien
Buat dan pratinjau gradien CSS secara visual.
Pengaturan Gradien
Atur jenis dan arah gradien
Pemberhentian Warna
Atur warna dan posisi gradien
%
%
Preset
Coba gradien yang telah ditentukan
Pratinjau
Lihat gradien yang dihasilkan
CSS yang Dihasilkan
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Deskripsi Jenis Gradien
Gradien Linear
Gradien yang berubah warna dalam arah garis lurus. Anda dapat menyesuaikan sudut untuk mengatur arah.
Gradien Radial
Gradien yang berubah warna dari titik pusat ke luar dalam bentuk lingkaran atau elips.
Gradien Konik
Gradien kerucut yang berubah warna saat berputar di sekitar titik pusat.