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

Gradien CSS Laut — 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 ocean fade siap pakai yang dimuat: teal dalam #2193b0 mengalir ke aqua muda #6dd5ed. Pratinjau lebar penuh merendernya sekaligus dan baris CSS latar belakang siap disalin.

Gradien biru kehijauan adalah pilihan teraman di UI: gradien menandakan ketenangan dan kepercayaan, membuat teks putih dan gelap tetap dapat dibaca di kedua ujungnya, dan cocok dengan dasbor, halaman arahan SaaS, dan spanduk dengan sama baiknya. Kedua stop tersebut memiliki keluarga rona sejuk yang sama, sehingga perpaduannya tetap bersih di seluruh bagiannya.

Kirimkan apa adanya atau sesuaikan: perdalam sudutnya untuk efek kedalaman vertikal, atau tambahkan titik hampir putih pada 100% untuk cahaya cakrawala. Jika Anda memerlukan warna solid yang serasi untuk tombol dan aksen, generator palet warna di situs ini membangun harmoni dari kedua titik.

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