Generator Gradien CSS
Bangun gradien CSS secara visual: tipe linear, radial, atau konikal, penggeser sudut, dan hingga enam perhentian warna dengan pratinjau lebar penuh langsung serta kode yang dapat disalin.
🔒 Diproses sepenuhnya di browser Anda — apa pun yang Anda masukkan di sini tidak akan pernah diunggah.
Hasil
Menulis linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) dengan tangan dan memuat ulang halaman untuk melihatnya adalah putaran yang lambat. Generator ini menutupnya: pilih linear, radial, atau konikal, seret penggeser sudut, atur setiap perhentian warna dengan pemilih warna bawaan dan posisi persen — dan pratinjau lebar penuh diperbarui pada setiap masukan, dengan baris latar belakang jadi selalu siap disalin.
Ketiga tipe gradien mencakup pekerjaan yang berbeda. Gradien linear memudar sepanjang arah dan membawa sebagian besar seksi pahlawan dan tombol; gradien radial memancar dari pusat untuk cahaya dan vignet; gradien konikal menyapu sekitar pusat dan mendukung diagram lingkaran serta roda warna. Anda dapat beralih tipe kapan saja — perhentian Anda terbawa, jadi membandingkan ketiganya hanya butuh detik.
Hingga enam perhentian warna memberi Anda ruang untuk desain multi-pita, dan halaman preset mengirimkan kombinasi terbukti — senja hangat, laut tenang, dan pasangan pastel lembut — sebagai titik awal yang dapat Anda sesuaikan, bukan kanvas kosong. Perhatikan pembagian kerja: generator palet warna di situs ini memilih warna datar yang harmonis dan konverter format warna menerjemahkan nilai antara HEX, RGB, dan HSL, sementara alat ini melakukan pekerjaan berbeda — mengubah warna yang dipilih menjadi kode gradien CSS siap pakai.
Semuanya berjalan secara lokal di browser Anda: tanpa unggahan, tanpa akun, tanpa perjalanan pulang-pergi server, dan generator tetap berfungsi offline setelah dimuat.