Daily Toolkits

Penjana Kecerunan CSS

Bina kecerunan linear, jejari dan kon dengan pratonton langsung dan CSS sedia salin. Laraskan hentian, sudut dan bentuk — kemudian tampal ke dalam lembaran gaya anda.

CSS Gradient Generator

Live

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

  • Bina kecerunan linear, jejari dan kon dengan pratonton langsung dan CSS sedia salin.
  • Berjalan dalam penyemak imbas anda
  • Percuma untuk digunakan

Cara menggunakan

  1. Pilih jenis kecerunan dan sudut atau kedudukan.
  2. Tambah atau edit hentian warna.
  3. Salin CSS yang dihasilkan.

How this tool works

  1. Pilih jenis kecerunan dan sudut atau kedudukan.
  2. Tambah atau edit hentian warna.
  3. Salin CSS yang dihasilkan.

Recommended settings

  • Gunakan pilihan lalai dahulu, kemudian laraskan jika perlu

Supported formats

Text / on-page input

File size and limits

  • Pratonton berbilang lapisan yang sangat kompleks mungkin terasa lebih perlahan pada telefon lama.

Privacy

Penjana warna & CSS dijalankan sepenuhnya dalam penyemak imbas anda. Pratonton dan penukaran tidak sekali-kali memuat naik gaya anda.

Common use cases

  • Gunakan Penjana Kecerunan CSS bila-bila masa anda perlukan: Bina kecerunan linear, jejari dan kon dengan pratonton langsung dan CSS sedia salin.

Troubleshooting

Pratonton kelihatan berbeza selepas tampal

Semak CSS yang bersaing pada halaman anda (set semula, warna yang diwarisi). Salin peraturan yang dijana ke dalam helaian gaya terpencil dahulu.

Soalan Lazim

Adakah ini memuat naik CSS saya?

Tidak. Penjana dan penukar berjalan dalam penyemak imbas anda dengan pratonton langsung.

Adakah saya memerlukan akaun?

Tidak. Buka alat, tweak kawalan dan salin CSS.

Alat berkaitan

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

HEX ↔ RGB ↔ HSL Converter

Convert colors between HEX, RGB, and HSL instantly with a live swatch.

Open tool