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

Gradien CSS Pastel — 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 pastel fade siap pakai yang dimuat: bubuk merah muda #ffdde1 menyatu menjadi mawar berdebu #ee9ca7. Panel pratinjau segera menampilkan hasil lembut, dengan baris CSS siap di bawah.

Gradien pastel berfungsi di mana warna jenuh akan terlihat: layar orientasi, kartu, keadaan kosong, dan branding kecantikan atau gaya hidup. Karena kedua perhentiannya terang, teks gelap tetap dapat dibaca di seluruh permukaan — sesuatu yang tidak dapat ditawarkan oleh gradien paling jelas tanpa overlay.

Salin garis apa adanya atau haluskan lebih lanjut dengan menerapkan trik yang berdekatan dengan opacity: pindahkan rose stop ke 80% dan biarkan warna merah jambu mendominasi, atau ubah ke tipe radial untuk cahaya tengah yang lembut. Alat ini memperbarui CSS yang dapat disalin pada setiap masukan.

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