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

Gradien CSS Matahari Terbenam — Kode Siap Pakai

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 warna pudar matahari terbenam siap pakai yang dimuat: karang hangat #ff7e5f mengalir ke buah persik lembut #feb47b, dari kiri ke kanan. Pratinjau segera menampilkannya dengan lebar penuh, dan baris CSS di bawah siap untuk disalin apa adanya.

Warna koral-ke-persik yang hangat memudar adalah ciri khas bagian pahlawan karena dibaca dengan ramah dan energik tanpa mengganggu teks putih. Pasangan ini memiliki rona yang cukup dekat sehingga titik tengahnya tetap bersih — tidak ada garis abu-abu berlumpur di tengahnya, mode kegagalan gradien yang biasa terjadi di antara warna-warna yang jauh.

Gunakan tanpa perubahan, atau jadikan milik Anda: putar sudut untuk melihat matahari terbenam secara diagonal, tarik perhentian pertama ke dalam untuk melihat keberadaan karang yang lebih kuat, atau tambahkan perhentian ketiga dengan plum dalam mendekati 100% untuk nuansa senja. Setiap perubahan akan memperbarui CSS yang dapat disalin secara instan.

🛡️
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.