Warna & Desain
Generator Gradien
Generator gradien CSS gratis. Buat gradien linear, radial, dan konik secara visual. Salin CSS atau kelas Tailwind secara instan. Pratinjau langsung saat Anda menyesuaikan.
Runs in your browser
Gradient generator
CSS
background: linear-gradient(135deg, #3b82f6, #a855f7);css
Tailwind (approx)
bg-gradient-to-br from-[#3b82f6] to-[#a855f7]css
Catatan editor
Understanding · Two colours and a path between them.
Bab mendalam ini saat ini hanya tersedia dalam bahasa Inggris. Alat konversi di atas berfungsi dalam bahasa Anda; artikel penjelasan panjangnya belum diterjemahkan.
Pertanyaan yang sering diajukan
Quick answers.
›What gradient types are supported?
Linear, radial and conic — all three CSS gradient types.
›Can I add color stops?
Yes — add as many color stops as you need with custom positions for fine-grained control.
›Does it output Tailwind?
Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).
›Is the generator free?
Yes — fully free, no signup, runs in your browser.
Orang juga mencari
Use with
What people reach for next.
Fitur terkait
More in this room.
- Generator Box ShadowEditor visual box-shadow CSS.
- Generator Border RadiusEditor border-radius CSS per sudut.
- Editor Cubic BezierDesain kurva easing CSS secara visual.
- Generator Animasi CSSBuat keyframe secara visual, salin CSS yang siap tempel.
- Generator Filter CSSPratinjau langsung blur, brightness, hue-rotate, dan lainnya.
- Generator GlassmorphismKartu UI kaca buram dengan backdrop-filter.