Generator Gambar Gradien Linear Online

Fitur dan Penggunaan

Memahami Arah dan Skala Gradien

Gradien linear dimulai dari koordinat (0,0) kanvas. Titik akhir dihitung berdasarkan sudut dan skala: (lebar * cos(sudut) / skala, tinggi * sin(sudut) / skala). Karena sumbu y mengarah ke bawah, sudut 135 derajat menghasilkan gradien dari kiri atas ke kanan bawah. Contoh: untuk kanvas 1200x630, sudut 135°, skala 100%, titik akhir berada di sekitar (-848.53, 445.48). Pada sudut 0°, gradien berjalan horizontal dari kiri ke kanan.

Contoh Kerja

Misalkan Anda ingin membuat gambar header 1200x630 piksel dengan gradien dari biru (#3B82F6) ke merah muda (#EC4899) pada sudut 135 derajat dan skala 100%. Hasilnya adalah gambar dengan transisi diagonal yang halus. Jika Anda menaikkan skala menjadi 200%, panjang vektor gradien menjadi setengah, sehingga transisi selesai lebih cepat dan area sisanya diisi dengan warna titik akhir (tidak berulang).

Transparansi Opsional

Jika Anda mengaktifkan transparansi, Anda dapat mengatur persentase transparansi untuk setiap warna. Misalnya, transparansi 25% menghasilkan alpha 0.75, dan 100% menghasilkan alpha 0 (sepenuhnya transparan). Alat ini hanya membuat dua titik berhenti warna pada posisi 0 dan 1; tidak ada titik tambahan, mode pengulangan, pemilih ruang warna, opsi dithering, tekstur, atau gambar yang diunggah.

Keterbatasan dan Tips

Gambar yang dihasilkan dibatasi hingga 24 juta piksel. Jika dimensi yang diminta melebihi batas, alat akan mengurangi ukuran secara proporsional. Pastikan kontras teks dan rasio aspek sesuai dengan tujuan penggunaan. Proses pembuatan dilakukan sepenuhnya di browser, tanpa unggahan file.

Pertanyaan Umum

Bagaimana cara membuat gradien dengan transparansi?

Aktifkan opsi transparansi, lalu atur persentase transparansi untuk masing-masing warna. Misalnya, atur transparansi 50% pada warna pertama dan 0% pada warna kedua untuk efek memudar.

Mengapa gradien saya tidak terlihat seperti yang diharapkan pada sudut tertentu?

Perhatikan bahwa sudut diukur dalam sistem koordinat kanvas dengan sumbu y mengarah ke bawah. Sudut 0° menghasilkan gradien horizontal dari kiri ke kanan, sedangkan 90° menghasilkan gradien dari atas ke bawah. Gunakan contoh di atas untuk memverifikasi.

Apakah alat ini mendukung gradien radial atau multi-warna?

Tidak. Alat ini hanya mendukung gradien linear dengan dua warna dan dua titik berhenti. Untuk kebutuhan lain, gunakan alat yang sesuai.

Panduan Singkat

• Pilih dua warna yang kontras untuk hasil terbaik.
• Periksa ukuran kanvas sesuai kebutuhan (misalnya 1200x630 untuk media sosial).
• Eksperimen dengan sudut dan skala untuk mendapatkan arah gradien yang diinginkan.
• Gunakan transparansi jika perlu menggabungkan dengan latar belakang lain.
• Unduh hasil dalam format PNG.