Skip to content
DevToolKit

Alat Desain — Gratis Online

13 alat

Alat 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.