Generator Wallpaper Gradien
Gradien tiga warna yang lembut dengan efek kabur kuat menjadi gaya latar belakang untuk setiap halaman landing SaaS serta sebagian besar wallpaper desktop yang dirilis dalam empat tahun terakhir. Alat ini mencampurkan tiga warna heksadesimal dengan sudut yang dapat disesuaikan dan efek kabur Gaussian, lalu mengekspor hasilnya dengan resolusi untuk desktop, ponsel, atau latar belakang Zoom.
Cara membuat wallpaper gradien
-
1
Pilih tiga warna
Atur nilai heksadesimal secara langsung atau klik Acak untuk mendapatkan palet yang mengejutkan.
-
2
Atur sudut
0–360°. 135° adalah diagonal "matahari terbenam"; 90° adalah perpaduan menyamping "matahari terbit".
-
3
Atur efek kabur
Tingkat kabur yang lebih tinggi menyamarkan batas antar warna dan membuat seluruh kanvas tampak lebih halus.
-
4
Ekspor gambar
Unduh dengan resolusi yang sesuai dengan layar atau ponsel Anda.
Ukuran keluaran yang direkomendasikan
| Sasaran | Resolusi |
|---|---|
| Desktop 4K | 3840 × 2160 |
| Desktop 1440p | 2560 × 1440 |
| Desktop 1080p | 1920 × 1080 |
| iPhone 15/16 | 1179 × 2556 |
| Android (modern) | 1080 × 2400 |
| Latar belakang virtual Zoom | 1920 × 1080 |
Tips palet yang selalu berhasil
- Pasangan komplementer + netral: biru, oranye, krem.
- Trio analog: pilih tiga warna yang berjarak maksimal 60° pada roda warna, ungu, magenta, dan merah muda.
- Ketegangan hangat-dingin: satu warna hangat (persik, merah), satu warna dingin (biru kehijauan, biru tua), dan satu warna netral (krim).
- Monokrom: satu tona warna dalam tiga tingkat kecerahan menciptakan dinding yang halus dan selaras dengan suasananya.
Mengapa efek kabur penting
Gradien tiga tahap tanpa efek kabur menampilkan batas yang tajam pada titik perubahan warna (yang disebut “efek pelangi”). filter: blur() sebesar 60–100 piksel pada kanvas besar memperhalus transisi menjadi gradasi warna yang menyerupai wallpaper macOS Big Sur atau iOS 16.
Pratinjau CSS langsung
background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);
Jika Anda menginginkan gradien tajam tanpa efek kabur, turunkan nilai filter ke 0 dan pertimbangkan untuk beralih ke interpolasi in oklch agar perpaduan warna terasa lebih merata secara persepsi.
Pertanyaan yang Sering Diajukan
Filter kabur mengambil sampel piksel dari luar kanvas, dan piksel-piksel itu bersifat transparan. Untuk wallpaper, buat gambar dengan ukuran lebih besar, terapkan efek kabur, lalu pangkas ke resolusi akhir, tepinya tetap bersih.
Generator ini menggunakan tiga warna. Warna yang lebih banyak cenderung terasa seperti screensaver; tiga warna adalah pilihan ideal untuk wallpaper yang tenang.
Tidak persis sama. Rasio layar ponsel lebih tinggi dibandingkan desktop, sehingga sudut diagonalnya terbaca berbeda. Lihat pratinjau pada setiap ukuran sasaran, dan sesuaikan sudutnya jika ada yang terlihat kurang pas.
Tidak. Kanvas digambar secara lokal, dan hanya unduhan yang Anda picu sendiri yang keluar dari peramban.
Alat Terkait
Penghitung FPS
Ukur FPS browser dengan requestAnimationFrame: penghalusan, frame rate minimum dan maksimum, ambang peringatan, dan grafik opsional. Berjalan lokal, tanpa unggahan dan tanpa API.
Konverter ASCII ke Hex
Konversi teks ASCII menjadi nilai byte hexadecimal. Output memakai dua digit hex per karakter, siap untuk memory dump, packet trace, atau tabel firmware.
Konverter Base64 ke Hex
Konversi string Base64 menjadi byte dasarnya yang dinyatakan dalam heksadesimal (hex). Berguna untuk memeriksa token, kunci, sertifikat, dan JWT.
Konverter Biner ke Oktal
Konversi biner ke oktal dengan mengelompokkan bit tiga per tiga. Berguna untuk izin Unix, sistem lama, dan tampilan angka ringkas.
Pemilih Warna HEX
Pilih warna secara visual dan dapatkan nilai HEX, RGB, HSL, HSV, dan CMYK, lengkap dengan kontras terhadap putih dan hitam.
Generator Huruf Acak
Buat huruf A-Z acak. Pilih jumlah, gunakan huruf besar, huruf kecil, atau campuran, lalu pakai hasilnya untuk permainan, pemantik, atau kegiatan kelas.