Generator Gradien CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Generator Gradien CSS?
Generator gradien CSS visual gratis: rancang gradien linear, radial dan conic, atur titik warna dan sudut, lalu salin kode CSS siap pakai untuk latar belakang situs web Anda.
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 Generator CSS box-shadow online gratis dengan kontrol offset, blur, spread, warna, dan inset, memberikan pratinjau langsung bayangan dan menghasilkan kode CSS box-shadow siap salin untuk elemen apa pun.
Generator CSS Border Radius Generator CSS border-radius online gratis dengan delapan pegangan sudut independen dan slider, memberikan pratinjau langsung bentuk membulat dan menghasilkan kode CSS border-radius siap salin.
Konverter Kode Warna Konverter warna online gratis yang menerjemahkan secara instan antara kode HEX, RGB, HSL, dan OKLCH serta menghitung rasio kontras WCAG antara dua warna agar mudah memeriksa kepatuhan aksesibilitas.
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.