Langkau ke kandungan utama
Uddatak

Penjana Border Radius CSS

Laraskan setiap bucu secara berasingan menggunakan slider langsung pada kotak pratonton untuk mereka apa-apa sahaja daripada bucu bulat yang lembut hinggalah bentuk blob organik tidak simetri, kemudian salin nilai CSS border-radius yang tepat.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

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

Kod CSS

border-radius: 16px;

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 Gradien CSS

Bina gradien CSS linear atau radial secara visual dan salin kodnya.

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

Alat berkaitan

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
Sepenuhnya tempatan

Simulator Buta Warna

Lihat bagaimana imej anda kelihatan kepada seseorang yang mengalami buta warna (protanopia, deuteranopia, tritanopia, atau akromatopsia)

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Clip-Path CSS

Pilih bentuk sedia ada (bulatan, segi tiga, bintang, gelembung mesej...) dan salin kod CSS clip-path.

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