Design
Warna, kontras, gradient, dan aset desain.
18 tools
Color Picker Pilih warna (input hex) → konversi ke RGB, HSL, HSV, CMYK + snippet CSS custom property. HEX ke RGB Konversi HEX (#RRGGBB atau #RGB) ke RGB (desimal 0-255) dan HSL. RGB ke HEX Konversi R, G, B (0-255) ke HEX (#RRGGBB) + HSL. HEX ke HSL Konversi HEX ke HSL (Hue 0-360, Saturation 0-100%, Lightness 0-100%) + CSS hsl() string. HSL ke HEX Konversi H (0-360), S (0-100%), L (0-100%) ke HEX + RGB. RGB ke HSL Konversi R, G, B (0-255) ke HSL + HEX. Gradient Generator Buat CSS gradient (linear/radial/conic) dengan 2-3 warna, sudut/posisi, output CSS `background:` siap pakai. Palet Warna Generate palet warna dari warna dasar: analog, komplementer, triadic, split-complementary, monokromatik (3-10 warna). Output hex + CSS custom properties. Cek Kontras Hitung rasio kontras WCAG 2.1 antara warna depan & belakang: rasio, lolos AA/AAA untuk teks besar/kecil. Teks ke PNG Render teks ke gambar PNG: font size, padding, warna latar/teks, lebar/tinggi otomatis atau manual. Unduh PNG. Teks ke SVG Render teks ke SVG (vektor): font size, padding, warna, lebar/tinggi minimal. Output SVG vektor + pratinjau. SVG Viewer Buka file SVG → pratinjau render + output kode SVG yang diformat rapi (xml-formatter). Annotasi Screenshot Unggah gambar → gambar kotak, panah, blur region, sorot (warna/ketebalu) → unduh PNG. Toolbar: kotak/panah/blur/sorot + undo/reset. Pisah Grid Gambar Pecah gambar jadi grid N kolom × M baris (1-20), hasil tile PNG (≤4 file individual, >4 ZIP). Resize Sosial Media Resize gambar ke preset platform: IG Post (1080×1080), IG Story (1080×1920), FB Post (1200×630), YT Thumb (1280×720), LinkedIn (1200×627), X Post (1600×900). Fit: cover/contain + warna latar. Crop Sosial Media Crop gambar ke aspect ratio platform: 1:1, 4:5, 16:9, 9:16, 1.91:1. Posisi: tengah/atas/bawah/kiri/kanan. Device Mockup Letakkan screenshot ke frame perangkat: ponsel (notch/bezel), browser (title bar + dots), laptop, tablet. Latar warna bebas. Output PNG. Placeholder Image Buat gambar placeholder: lebar, tinggi, teks (default "WxH"), warna latar/teks, ukuran font. Output PNG.