Utilitas Desain
Alat bantu desainer UI/UX untuk warna, rasio aspek, kontras WCAG, dan CSS.
Generator Tipografi & Spasi Responsif CSS clamp()
Hasilkan aturan tipografi dan spasi CSS clamp() yang responsif dan fluid secara visual.
TersediaLokalKalkulator Kepadatan Layar PPI & DPI
Hitung densitas piksel PPI layar berdasarkan resolusi dan ukuran diagonal.
TersediaLokalKalkulator Rasio Aspek (Aspect Ratio)
Hitung dimensi proporsional lebar dan tinggi untuk foto, video, dan layar.
TersediaLokalKalkulator Skala Tipografi (Modular Scale)
Buat skala ukuran font proporsional berdasarkan rasio musik dan desain.
TersediaLokalKalkulator Spesifisitas CSS
Hitung bobot skor spesifisitas selector CSS dan bandingkan prioritasnya.
TersediaLokalPemeriksa Kontras Warna
Uji rasio kontras warna teks dan latar belakang sesuai standar WCAG.
TersediaLokalPengekstrak Palet Warna dari Gambar
Ekstrak warna dominan dan buat palet warna harmonis dari foto.
TersediaLokalPenghasil Tanda Tangan Email (Email Signature)
Buat tanda tangan email HTML profesional dengan foto, jabatan, dan logo.
TersediaLokalPengonversi SVG ke Data URI
Ubah kode SVG menjadi Data URI base64 atau URL-encoded untuk CSS.
TersediaLokalPengoptimal SVG (Minify SVG)
Kecilkan ukuran file SVG dengan menghapus metadata dan kode tidak perlu.
TersediaLokalSimulator Buta Warna untuk Desain UI
Simulasikan tampilan warna dan gambar untuk berbagai jenis defisiensi penglihatan.