Generator Gradien CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Generator Gradien CSS?
Editor visual online gratis untuk membuat gradien CSS dan menyalin kode
Cara Penggunaan
- 1 Pilih Tipe — Pilih tipe gradien (linear, radial, conic).
- 2 Sesuaikan Titik Warna — Sesuaikan warna dan posisi setiap titik warna.
- 3 Pratinjau — Periksa hasil secara real-time di pratinjau.
- 4 Salin Kode CSS — Salin kode CSS ke clipboard menggunakan tombol 'Salin'.
Alat Terkait
Generator CSS Box Shadow Editor visual online gratis untuk membuat CSS box-shadow dan menyalin kode
Generator CSS Border Radius Editor CSS border-radius online gratis dengan 8 kontrol pegangan
Konverter Kode Warna Alat online gratis untuk mengonversi antara kode warna HEX, RGB, HSL, OKLCH dengan rasio kontras WCAG
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.