Pembuat Gradien Mesh
Buat latar belakang dengan gradien mesh (bercak warna yang lembut) dan unduh dalam PNG atau salin kode CSS.
Cara membuat gradien mesh online
Pilih warna latar dan tambahkan warna
Pilih warna dasar dan tambahkan hingga 6 bercak warna yang akan bercampur satu sama lain.
Acakkan posisi
Tekan tombol pengacakan untuk memposisikan ulang bercak warna hingga Anda menemukan kombinasi yang Anda sukai.
Unduh PNG atau salin CSS
Unduh hasilnya sebagai gambar PNG yang siap digunakan, atau salin kode CSS untuk menerapkannya langsung di situs web Anda.
Pertanyaan umum tentang pembuat gradien mesh
Gradien mesh (atau degradasi mesh) telah menjadi populer sebagai latar belakang untuk halaman web, aplikasi, dan media sosial berkat tampilan yang halus dan abstrak. Alat ini menghasilkan dan mengunduhnya langsung di browser Anda.
Apa itu gradien mesh?
+
Ini adalah gradasi yang terbentuk dari beberapa bercak warna yang menyatu satu sama lain, bukan transisi linier atau radial sederhana antara dua warna.
Apa perbedaannya dengan generator gradien CSS normal?
+
Generator gradien CSS membuat transisi linier atau radial antara 2 hingga 4 warna. Generator ini menciptakan efek yang lebih organik dengan beberapa bercak warna independen, dan juga memungkinkan Anda mengunduh hasilnya langsung sebagai gambar PNG.
Berapa banyak warna yang bisa saya gunakan?
+
Anda dapat menggabungkan antara 3 hingga 6 warna dalam gradien mesh yang sama.
Bisakah saya mengunduh hasilnya sebagai gambar?
+
Ya, Anda dapat mengunduh gradien mesh langsung dalam format PNG, siap digunakan sebagai latar belakang.
Apakah gratis?
+
Ya, alat ini sepenuhnya gratis.
Apakah desain saya diunggah ke server?
+
Tidak. Seluruh proses, mulai dari pembuatan hingga pengunduhan PNG, terjadi langsung di browser Anda, tanpa mengunggah data apa pun ke server.
Warna
Konverter Warna (HEX, RGB, HSL, CMYK)
Konversi warna apa pun antara HEX, RGB, HSL, dan CMYK secara instan, dengan pratinjau langsung dan nama warna terdekat.
Pembuat Palet Warna
Buat palet 5 warna yang harmonis (komplementer, analog, triadik, atau monokromatik) dari warna dasar.
Pembuat Gradien CSS
Buat gradien linier atau radial dengan hingga 4 warna dan salin kode CSS siap pakai.
Pemeriksa Kontras WCAG
Periksa apakah kombinasi warna teks dan latar belakang memenuhi tingkat aksesibilitas AA dan AAA.
Warna Acak
Hasilkan warna acak dengan sekali klik dan temukan nama, kode HEX/RGB/HSL, serta warna-warna serupa.
Pemilih warna (pipet)
Pilih warna apa pun dari layar Anda dengan alat penetes browser, atau gunakan pemilih klasik.
Simulator Buta Warna
Unggah gambar dan periksa bagaimana orang dengan protanopia, deuteranopia, atau tritanopia akan melihatnya.
Generator Nada dan Bayangan
Hasilkan secara otomatis nada paling terang dan bayangan paling gelap dari warna apa pun, dengan kode HEX-nya.
Pencampur Warna
Campurkan dua warna dan temukan nada perantara langkah demi langkah, dengan kode HEX-nya.
Roda Warna (Harmoni)
Pilih warna di roda dan temukan kombinasi harmoninya: komplementer, analogi, triadik, dan lainnya.
Ekstraktir Palet dari Gambar
Unggah gambar dan ekstrak otomatis warna dominannya ke dalam palet, dengan kode HEX untuk setiap warna.
Warna Rata-Rata Gambar
Unggah gambar dan hitung warna rata-ratanya secara instan, dengan kode HEX, RGB, dan HSL.
Jelajahi warna berdasarkan keluarga
Lebih dari 469 warna bernama, dengan kode HEX, RGB, HSL, dan CMYK, diorganisir dalam 12 keluarga nada.
