Pembuat Gradien CSS

Menulis linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) dengan tangan dan memuat ulang halaman untuk melihatnya adalah putaran yang lambat. Generator ini menutupnya: pilih linier, radial, atau kerucut, seret penggeser sudut, atur setiap perhentian warna dengan pemilih warna asli dan posisi persen — dan pratinjau lebar penuh dicat ulang pada setiap masukan, dengan garis latar belakang yang sudah selesai selalu siap untuk disalin.

Ketiga jenis gradien mencakup pekerjaan yang berbeda. Gradien linier memudar sepanjang arah dan membawa sebagian besar bagian dan tombol pahlawan; gradien radial memancar dari pusat untuk menghasilkan cahaya dan sketsa; gradien berbentuk kerucut menyapu bagian tengah dan menggerakkan diagram lingkaran serta roda warna. Anda dapat mengganti tipe kapan saja — pemberhentian Anda akan terbawa, jadi membandingkan ketiganya hanya membutuhkan waktu beberapa detik.

Hingga enam perhentian warna memberi Anda ruang untuk desain multi-band, dan halaman preset memberikan kombinasi yang telah terbukti — matahari terbenam yang hangat, lautan yang tenang, dan pasangan pastel yang lembut — sebagai titik awal yang dapat Anda sesuaikan daripada 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 — alat ini mengubah warna yang dipilih menjadi kode gradien CSS siap pakai.

Semuanya berjalan secara lokal di browser Anda: tidak ada unggahan, tidak ada akun, tidak ada server bolak-balik, dan generator tetap bekerja offline setelah dimuat.