CSS Gradient Generator
Pilih jenis gradiennya, atur warna dan posisi tiap stopenya, lalu salin deklarasi CSS background yang langsung bisa dipakai di stylesheet Anda.
100% Free No Ads Privacy
Pengaturan
Cepat
Diproses langsung di perangkat, tanpa menunggu unggahan ke server.
Browser-based
Tanpa instalasi, langsung terbuka di tab browser Anda.
Simpel
Seret, proses, unduh. Tidak ada langkah yang tidak perlu.
Cara pakai
- Pilih jenis gradien: linear, radial, atau conic.
- Atur warna dan posisi tiap stopenya.
- Salin deklarasi CSS background dari hasilnya.
Format yang didukung
Output: satu deklarasi CSS background. Jenis linear dengan sudut 0-360, radial, dan conic.
Pertanyaan umum
Berapa warna yang bisa dipakai?
Dua wajib diisi dan satu opsional, sehingga totalnya dua atau tiga warna.
Ke mana hasilnya ditempelkan?
Ke properti background pada CSS, misalnya pada selector atau variabel CSS Anda.
Apakah hasilnya bisa diunduh?
Bisa. Selain disalin, hasilnya bisa diunduh sebagai berkas .css.
Tool terkait
Sering dipakai bersama tool ini.
Color Picker Pilih warna (input hex) → konversi ke RGB, HSL, HSV, CMYK + snippet CSS custom property. Design HEX ke RGB Konversi HEX (#RRGGBB atau #RGB) ke RGB (desimal 0-255) dan HSL. Design RGB ke HEX Konversi R, G, B (0-255) ke HEX (#RRGGBB) + HSL. Design HEX ke HSL Konversi HEX ke HSL (Hue 0-360, Saturation 0-100%, Lightness 0-100%) + CSS hsl() string. Design