Gradient adalah efek visual yang bertransisi mulus dari satu warna ke warna lain.

Dapatkah saya menggunakan tool ini untuk proyek komersial?

Ya, tool kami gratis untuk digunakan di proyek apa pun, termasuk yang komersial.

Bagaimana cara saya menyesuaikan gradient angle?

Anda dapat menyesuaikan sudut dengan mengklik dan menyeret pada gradient map.

Ya, Anda dapat menyimpan gradients Anda ke akun untuk akses mudah nanti.

Ya, kami sangat serius dalam menjaga keamanan data Anda dan menggunakan encryption standar industri.

simple

Hasilkan linear dan radial CSS gradients secara visual.

Angle: 90°

Color 1

Color 2

Stop 1: 0%

Stop 2: 100%

Preview

CSS

background: linear-gradient(90deg, #c9f03c 0%, #0f0f0f 100%);

Pilih dari linear atau radial gradients sesuai kebutuhan desain Anda.

Sesuaikan color stops, angles, dan positions untuk membuat efek gradient yang unik.

Dapatkan kode CSS untuk gradient Anda dan tempel ke dalam project Anda.

Generate CSS box-shadow with live visual preview.

Generate CSS border-radius visually.

Format and beautify CSS code online.