Langkau ke kandungan utama
Uddatak

Alat Reka Bentuk dan CSS

Jana kecerunan CSS, bayang, dan sudut bulat, serta semak kontras warna untuk laman web. 17 alat — Berjalan sepenuhnya dalam pelayar anda.

Sepenuhnya tempatan

Penyemak Kontras Warna

Semak sama ada gabungan warna teks dan latar belakang memenuhi piawaian kontras aksesibiliti WCAG.

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

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

Penjana Easing Cubic Bezier

Seret dua titik untuk mereka lengkung easing gerakan tersuai secara visual dan salin kod cubic-bezier.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Glassmorphism CSS

Reka kesan kad kaca kabur (frosted-glass) secara visual dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana CSS Grid & Flexbox

Reka susun atur Grid atau Flexbox secara visual dengan pratonton langsung dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penukar Teks ke Tulisan Tangan

Tukar teks yang ditaip menjadi imej yang kelihatan seperti tulisan tangan pada kertas bergaris, dalam pelbagai gaya tulisan.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Blob & Corak Latar Belakang SVG

Jana bentuk blob organik rawak atau corak latar belakang berulang tanpa sambungan sebagai SVG, dan salin atau muat turun.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Animasi Keyframe CSS

Reka animasi CSS secara visual (fade, slide, zoom, bounce, rotate, flip) dan dapatkan kod @keyframes yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Harmoni Palet Warna

Pilih warna asas dan dapatkan palet warna harmoni (komplementari, analog, triadik, tetradik, monokromatik).

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

Alat AIAlat TeksAlat PDFAlat Imej
Alat