Apakah kode yang dihasilkan kompatibel dengan semua browser?

Ya — kode menggunakan properti CSS standar radial-gradient(), yang didukung di semua browser modern tanpa memerlukan awalan khusus.

Pembuat Gradasi Mesh

Membuat latar belakang modern dengan gradasi warna multi-titik yang lembut dan menyatu (gaya Mesh Gradient yang populer dalam desain web modern), menggunakan beberapa lapisan radial-gradient() yang saling tumpang tindih dengan warna acak yang menarik — berbeda dari alat Gradasi CSS, yang membuat gradasi dua warna sederhana, dan alat Pola Blob, yang hanya menggambar satu bentuk. Anda dapat mengontrol jumlah titik warna dan warna dasar, membuat pola acak baru dengan satu klik, lalu menyalin kode CSS siap pakai langsung. Semua terjadi seketika di browser Anda, tanpa pernah mengunggah apa pun ke server.

Alat Desain dan CSS Berjalan sepenuhnya di browser Anda

Semua pemrosesan dilakukan di perangkat Anda — tidak ada yang dikirim ke server.

Jumlah titik warna5Warna dasar

Kode CSS

background-color: #f5f3ff;
background-image: radial-gradient(at 34% 34%, #e4cd67 0px, transparent 50%), radial-gradient(at 66% 25%, #8de467 0px, transparent 50%), radial-gradient(at 84% 63%, #e4677a 0px, transparent 50%), radial-gradient(at 31% 33%, #67e482 0px, transparent 50%), radial-gradient(at 55% 55%, #cde467 0px, transparent 50%);

Pertanyaan yang Sering Diajukan

Alat Gradasi CSS membuat gradasi linear atau radial sederhana antara dua warna, sementara alat ini menumpuk beberapa titik warna acak yang tumpang tindih untuk menciptakan latar belakang lembut multi-warna dalam gaya Mesh Gradient modern.