⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Generator Gradien Radial CSS

Bangun gradien CSS secara visual: tipe linier, radial, atau kerucut, penggeser sudut, dan hingga enam perhentian warna dengan pratinjau lebar penuh langsung dan kode yang dapat disalin.

90°
Memproses... 0%

Hasil

Halaman ini membuka generator gradien dengan tipe radial yang telah dipilih: warna memancar keluar dari pusat elemen dalam lingkaran konsentris, dan setiap pemberhentian yang Anda ubah akan mengecat ulang pratinjau secara instan.

radial-gradient() adalah alat untuk efek sorotan dan cahaya, sketsa lembut, dan latar belakang yang memerlukan titik fokus, bukan arah. Posisi perhentian dalam persen dipetakan ke jarak dari pusat — 0% adalah bagian tengah, 100% adalah tepi terjauh — jadi memperketat perhentian pertama akan menghasilkan inti kecil yang terang, menyebarkannya akan menghasilkan sapuan lebar.

Salin garis latar belakang setelah pratinjau terlihat benar. Penggeser sudut disembunyikan dalam mode ini karena lingkaran tidak memiliki arah — beralih kembali ke linier atau kerucut dan lingkaran itu muncul kembali.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Pemilihan tipe gradien (linier, radial, kerucut) dengan penggeser sudut untuk mode linier dan kerucut.
  • Daftar perhentian warna: dua perhentian untuk memulai, menambah atau menghapus hingga enam, masing-masing dengan pemilih warna dan posisinya sendiri dalam persen.
  • Garis CSS latar belakang yang dapat disalin ditambah halaman prasetel siap pakai untuk gradien matahari terbenam, laut, dan pastel.

Manfaat Utama

✓ Pratinjau lebar penuh mengecat ulang setiap perubahan — jenis, sudut, dan setiap penghentian warna — sehingga CSS yang Anda salin persis seperti yang Anda lihat.
✓ Hingga enam perhentian warna dengan posisi individual mencakup semuanya mulai dari pemudaran dua warna sederhana hingga latar belakang multi-band yang kompleks.
✓ Satu deklarasi, tiga mesin: beralih antara linier, radial, dan kerucut tanpa membangun kembali pemberhentian Anda.

Kasus Penggunaan

  • • Buat latar belakang bagian pahlawan dengan menyeret sudut dan penghentian warna alih-alih mengedit linear-gradient() dan memuat ulang secara manual.
  • • Bandingkan penghentian warna yang sama dengan gradien linier, radial, dan kerucut dengan satu sakelar — penghentian tersebut berpindah antar jenis.
  • • Ambil kombinasi yang telah terbukti dari halaman preset matahari terbenam, laut, atau pastel dan sesuaikan dengan warna merek Anda.