Generator gradien CSS
Rancang gradien CSS linear, radial, atau konik dengan 2 hingga 8 titik warna, pratinjau langsung, dan salin CSS siap tempel.
- Berjalan di browser
- Tanpa unggahan
- Hasil tetap di perangkat Anda
Privasi & batasBerjalan di browser Anda. Tidak ada yang diunggah.
Isi input tetap di tab ini; Refentra tidak mengunggah atau menyimpannya. Jumlah tindakan agregat opsional hanya dikirim dengan persetujuan pengukuran penggunaan Anda. Hapus ruang kerja setelah selesai.
Profil yang didukung: 2–8 stop HEX sRGB opak, berurutan 0–100%; linear/radial/konik, pratinjau dan CSS.
Maksimum 200.000 unit UTF-16; batas parser bisa lebih kecil. Worker: 15 detik (regex 1,5 detik).
Periksa input dan hasil
- Siapkan dan pilih operasi
Pilih gradasi linear, radial, atau kerucut; berikan titik warna berurutan dan sudut yang sesuai untuk jenis tersebut.
- Periksa contoh nyata
Coba contoh ini dan bandingkan hasil yang ditunjukkan: linear, angle=90, colors="#000000,#ffffff", positions="0,100" → linear-gradient(90deg, #000000 0%, #ffffff 100%)
- Periksa sebelum memakai hasil
Salin nilai CSS yang dihasilkan ke deklarasi background yang dituju; periksa gradasinya pada ukuran elemen yang sebenarnya.
Jawaban untuk tugas ini
Apakah gradasi menjaga kontras teks di semua bagian?
Tidak. Kontras berubah di sepanjang permukaan; periksa latar yang paling lemah di balik tiap area teks, bukan hanya kedua ujungnya.
Apa yang perlu diperiksa jika input ditolak?
Gunakan 2–8 warna hex yang opak dengan posisi titik yang naik dari 0–100; urutkan ulang titiknya, jangan mengandalkan koreksi implisit dari browser.
Sampai di mana batas alat ini?
Alat ini menghasilkan nilai background CSS, bukan ekspor gambar, gradasi beranimasi, atau bukti bahwa tampilannya identik di semua layar.