Generator Gradien CSS
Generator gradien CSS visual untuk gradien linear, radial, dan conic: tambah color stop, atur sudut, lalu salin CSS-nya. Cocok untuk latar dan tombol, gratis di browser.
Stop Warna
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);Sematkan
Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Generator Gradien CSS?
Generator gradien CSS visual untuk gradien linear, radial, dan conic: tambah color stop, atur sudut, lalu salin CSS-nya. Cocok untuk latar dan tombol, gratis di browser.
Cara Penggunaan
- 1Pilih Tipe— Pilih tipe gradien (linear, radial, conic).
- 2Sesuaikan Titik Warna— Sesuaikan warna dan posisi setiap titik warna.
- 3Pratinjau— Periksa hasil secara real-time di pratinjau.
- 4Salin Kode CSS— Salin kode CSS ke clipboard menggunakan tombol 'Salin'.
Alat Terkait
Generator CSS Box ShadowGenerator box-shadow CSS dengan kontrol offset, blur, spread, warna, dan inset serta pratinjau bayangan langsung. Salin kode CSS siap pakai untuk elemen apa pun, gratis.
Generator CSS Border RadiusGenerator border-radius CSS dengan delapan pegangan sudut independen, slider, dan pratinjau langsung bentuk membulat. Salin kode CSS siap pakai untuk elemen apa pun, gratis.
Konverter Kode WarnaKonverter warna online gratis yang menerjemahkan secara instan antara kode HEX, RGB, HSL, dan OKLCH serta menghitung rasio kontras WCAG.
Generator Gelombang SVGGenerator gelombang SVG online gratis dengan editor visual untuk bentuk gelombang halus. Sesuaikan amplitudo, warna, dan lapisan, terapkan preset siap pakai, lalu salin kode CSS dan SVG untuk latar belakang.
Pertanyaan yang Sering Diajukan
Tidak ada batasan, tetapi 2-6 adalah tipikal. Terlalu banyak dapat mempengaruhi kinerja.
Ya. Aktifkan kotak centang 'Ulangi' untuk menambahkan awalan repeating.
Tersedia lima preset: Sunset, Ocean, Forest, Midnight, dan Rainbow.
Saat ini hanya menghasilkan CSS murni. Konversi Tailwind direncanakan untuk pembaruan mendatang.
Tidak. Semua pemrosesan dilakukan di browser.