Kebanyakan alat gradien hanya memberi Anda satu baris kode CSS. Alat ini justru menggambar gradiennya ke kanvas sungguhan dan memungkinkan Anda mengunduh file PNG jadi pada ukuran piksel persis yang Anda butuhkan - wallpaper ponsel, latar belakang desktop 1920x1080, postingan media sosial berbentuk persegi, atau dimensi khusus lainnya. Tidak ada yang diunggah: gambar digambar dan disimpan sepenuhnya di perangkat Anda, jadi warna dan file Anda tetap privat.
Pembuat Gradien Warna Gratis
Berjalan sepenuhnya di browser Anda - tanpa unggah, tanpa daftar.
Jenis
Ukuran gambar
px
Titik henti warna
Menyimpan file PNG asli pada 1920×1080 px
Apa itu pembuat gradien warna?
Pembuat gradien warna adalah alat yang memadukan dua warna atau lebih menjadi gradasi halus dan mengekspornya sebagai gambar yang bisa diunduh. Pilih warna dan titik hentinya, tentukan linear atau radial, atur ukurannya, lalu simpan sebagai PNG untuk wallpaper, latar belakang, banner, atau thumbnail. Semuanya berjalan langsung di browser Anda.
Cara pakai
- 1Pilih linear atau radial. Linear memadukan warna sepanjang garis lurus pada sudut yang Anda tentukan; radial menyebarkan warna keluar dari titik pusat membentuk lingkaran.
- 2Atur warna dan titik henti. Klik swatch untuk memilih warna dan geser slidernya untuk memindahkan titik henti. Tambahkan hingga 8 titik henti atau kurangi sampai 2, dan tekan Acak untuk ide cepat.
- 3Pilih ukuran gambar. Ketuk salah satu preset (desktop, ponsel, persegi, media sosial) atau ketik lebar dan tinggi khusus dalam piksel. Pratinjau akan diperbarui secara langsung.
- 4Unduh PNG-nya. Klik Unduh PNG untuk menyimpan gradien sebagai gambar dalam resolusi penuh, atau salin kode CSS-nya untuk memakai gradien yang sama di dalam kode.
Cocok untuk siapa
- Desainer dan kreator konten yang butuh gambar latar gradien yang bersih untuk slide, thumbnail, banner, atau story tanpa perlu membuka Photoshop.
- Pengguna ponsel dan desktop yang ingin membuat wallpaper gradien khusus sesuai resolusi layar mereka.
- Developer yang menginginkan gambar PNG placeholder gradien yang ringan atau gambar hero, lengkap dengan kode CSS untuk mereproduksinya di kode program.
- Pengelola media sosial yang mengekspor latar belakang gradien sesuai identitas merek dalam ukuran untuk postingan, story, dan gambar sampul.
Tanya jawab
Apakah pembuat gradien ini gratis?
Ya - 100% gratis, tanpa perlu daftar, tanpa watermark, dan tanpa batasan. Buat dan unduh gambar gradien sebanyak yang Anda mau.
Apakah ada data yang diunggah ke server?
Tidak. Gradien digambar dan disimpan sepenuhnya di browser Anda menggunakan canvas. Tidak ada warna, gambar, atau data penggunaan yang dikirim ke mana pun.
Format gambar apa yang dihasilkan?
Alat ini menghasilkan PNG, yang menjaga gradien tetap halus sempurna dan tanpa kehilangan kualitas atau artefak kompresi. File disimpan dalam ukuran piksel penuh sesuai pengaturan Anda, siap dipakai sebagai wallpaper, latar belakang, atau untuk diunggah.
Ukuran berapa yang sebaiknya dipakai untuk wallpaper gradien?
Sesuaikan dengan layar Anda. Pilihan umum adalah 1920x1080 untuk kebanyakan desktop, 1080x1920 untuk ponsel dalam mode potret, dan 1080x1080 untuk postingan media sosial berbentuk persegi. Anda juga bisa memasukkan lebar dan tinggi khusus hingga 8000 piksel.
Apa perbedaan gradien linear dan radial?
Gradien linear memadukan warna sepanjang garis lurus pada sudut yang Anda pilih, sehingga warna berubah melintasi gambar. Gradien radial dimulai dari satu titik pusat dan menyebar keluar membentuk lingkaran, sehingga warna berubah dari tengah ke tepi.
Bisakah saya mendapatkan kode CSS selain gambarnya?
Bisa. Selain PNG yang bisa diunduh, alat ini juga menampilkan kode CSS background-image yang sesuai. Salin kodenya untuk mereproduksi gradien yang persis sama di situs web atau aplikasi, tanpa perlu memakai file gambarnya.
Bagaimana cara kerja titik henti warna?
Setiap titik henti memasangkan satu warna dengan posisi dari 0% sampai 100% sepanjang gradien. Perpaduan warna berjalan mulus di antara titik-titik henti yang berdekatan. Menempatkan dua titik henti pada posisi yang sama akan menciptakan tepi tegas alih-alih perpaduan halus, yang berguna untuk garis-garis atau latar belakang blok warna.