Langkau ke kandungan utama
Uddatak

Penjana Gradien CSS

Pilih warna, sudut, dan jenis gradien pada pratonton langsung untuk mereka bentuk gradien CSS linear atau radial, kemudian salin kod CSS background-image yang tepat — tanpa perlu meneka peratusan color stop.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Semua pemprosesan berlaku pada peranti anda — tiada apa-apa dihantar ke pelayan.

0%
100%

Kod CSS

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Teruskan dengan

Sepenuhnya tempatan

Penjana Box Shadow CSS

Reka bayang-bayang box-shadow CSS secara visual menggunakan slider dan salin kod yang dijana.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Border Radius CSS

Reka bentuk bucu bulat secara visual — termasuk bentuk tidak simetri — dan salin kod CSS.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penukar PX ke REM

Tukar antara unit piksel dan rem berdasarkan saiz fon root tersuai.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Mesh Gradient

Cipta latar belakang mesh gradient berbilang titik yang lembut dengan sekali klik, dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Alat berkaitan

Sepenuhnya tempatan

Penjana Box Shadow CSS

Reka bayang-bayang box-shadow CSS secara visual menggunakan slider dan salin kod yang dijana.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Border Radius CSS

Reka bentuk bucu bulat secara visual — termasuk bentuk tidak simetri — dan salin kod CSS.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penukar PX ke REM

Tukar antara unit piksel dan rem berdasarkan saiz fon root tersuai.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Pengekstrak Palet Warna

Ekstrak warna paling dominan daripada mana-mana imej, lengkap dengan kod HEX, RGB, dan CSS

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Tangkapan Skrin Kod

Tampal kod dan tukarkannya menjadi imej kemas dengan latar belakang gradien dan bar tajuk, sedia dikongsi

Alat Reka Bentuk dan CSSBuka alat

Ingin mencuba Uddatak?

Layari perpustakaan alat yang lengkap dan mula gunakan apa yang anda perlukan sekarang — percuma, tanpa pendaftaran.

Lihat semua alat