Lewati ke konten utama
Uddatak

Alat Desain dan CSS

Hasilkan gradien CSS, bayangan, dan radius border, dan periksa kontras warna untuk web. 17 alat — Berjalan sepenuhnya di browser Anda.

Sepenuhnya lokal

Pemeriksa Kontras Warna

Periksa apakah pasangan warna teks/latar belakang memenuhi standar kontras aksesibilitas WCAG.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Gradien CSS

Buat gradien CSS linear atau radial secara visual dan salin kodenya.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Box-Shadow CSS

Desain box-shadow CSS secara visual dengan penggeser dan salin kode yang dihasilkan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Border-Radius CSS

Desain sudut membulat secara visual — termasuk bentuk asimetris — dan salin kode CSS.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Konverter PX ke REM

Konversi antara piksel dan satuan rem, berdasarkan ukuran font root khusus.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Ekstraktor Palet Warna

Ekstrak warna paling dominan dari gambar apa pun, dengan kode HEX, RGB, dan CSS

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Tangkapan Layar Kode

Tempel kode dan ubah menjadi gambar rapi dengan latar belakang gradien dan bilah judul, siap dibagikan

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Simulator Buta Warna

Lihat bagaimana gambar Anda terlihat bagi seseorang dengan buta warna (protanopia, deuteranopia, tritanopia, atau akromatopsia)

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Clip-Path CSS

Pilih bentuk siap pakai (lingkaran, segitiga, bintang, gelembung pesan...) dan salin kode clip-path.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Kurva Easing Cubic Bezier

Seret dua titik untuk merancang kurva easing gerakan kustom secara visual dan salin kode cubic-bezier.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Glassmorphism CSS

Rancang efek kartu kaca buram secara visual dan salin kode CSS yang siap digunakan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Tata Letak CSS Grid & Flexbox

Rancang tata letak Grid atau Flexbox secara visual dengan pratinjau langsung dan salin kode CSS yang siap digunakan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Konverter Teks ke Tulisan Tangan

Ubah teks yang diketik menjadi gambar yang terlihat seperti tulisan tangan di atas kertas bergaris, dengan beberapa gaya tulisan tangan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Blob SVG & Pola Latar Belakang

Buat bentuk organik acak (blob) atau pola latar belakang berulang mulus dalam SVG, lalu salin atau unduh.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Animasi CSS Keyframe

Rancang animasi CSS secara visual (fade, geser, zoom, pantul, putar, balik) dan dapatkan kode @keyframes siap pakai.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Harmoni Palet Warna

Pilih warna dasar dan dapatkan palet warna yang harmonis (komplementer, analog, triadik, tetradik, monokromatik).

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Gradasi Mesh

Buat latar belakang gradasi mesh multi-titik yang lembut dengan satu klik, dan salin kode CSS siap pakai.

Alat Desain dan CSSBuka alat

Alat terkait

Alat AIAlat TeksAlat PDFAlat Gambar
Alat