Alat Desain — Gratis Online
13 alatAlat desain dan CSS termasuk pemilih warna, pembuat gradien, generator bayangan, dan alat utilitas CSS.
Pemeriksa Kontras WCAG & APCA
Verifikasi aksesibilitas warna dengan rasio WCAG 2.1 dan skor APCA modern dengan simulasi penglihatan real-time.
Generator Animasi CSS
Desain animasi keyframe berkinerja tinggi secara visual dengan pratinjau langsung dan kontrol easing.
Generator CSS Border Radius
Buat border radius CSS 8 titik lanjutan secara visual. Desain lingkaran, blob organik, dan bentuk menarik.
Generator CSS Box Shadow
Desain box shadow CSS multi-lapisan lanjutan secara visual dengan pratinjau real-time dan dukungan inset.
Generator CSS Filter
Terapkan filter CSS real-time seperti blur, kontras, dan kecerahan pada gambar dengan pratinjau langsung dan ekspor kode.
Generator CSS Flexbox
Desain tata letak fleksibel secara visual dengan sandbox interaktif untuk properti container dan item.
Generator CSS Grid
Desain tata letak 2D kompleks secara visual. Seret untuk membuat area grid, atur track, dan ekspor kode CSS bersih.
Konverter PX ke REM
Konverter px/rem dua arah dengan pencocokan Tailwind CSS, generator tipografi fluid clamp(), dan konversi CSS massal.
Konverter SVG ke CSS
Konversi ikon SVG ke data URI CSS yang dioptimalkan dengan format output background-image, mask-image, dan Tailwind.
Generator Favicon
Buat favicon dari teks, emoji, atau gambar dalam format ICO, PNG, SVG, dan bundle PWA dengan dukungan mode gelap.
Generator Gradien CSS
Buat gradien CSS yang indah dengan editor visual mendukung tipe linear, radial, dan conic dengan interpolasi OKLCH dan overlay tekstur butiran.
Generator Palet Warna
Buat palet warna harmonis dalam OKLCH dengan enam mode harmoni, matriks kontras WCAG, dan ekspor CSS/Tailwind/JSON.
Pemilih Warna
Pilih warna dengan kanvas HSV interaktif, konversi antara HEX, RGB, HSL, dan OKLCH, dan periksa rasio kontras WCAG terhadap putih dan hitam.