Curated for designers
A hand-picked subset of the catalog.
Built for designers — pixel-perfect, private, instant.
Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.
Why this set
Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.
Color
CSS generators
Layout & assets
ตัวแปลงหน่วย CSS
แปลง px, rem, em, pt และอื่นๆ
เครื่องคำนวณอัตราส่วนภาพ
คำนวณอัตราส่วนและปรับขนาดมิติ
ตัวปรับขนาดรูปภาพ
ปรับขนาดรูปภาพให้มีขนาดพิกเซลที่แน่นอน
ตัวบีบอัดรูปภาพ
ลดขนาดไฟล์รูปภาพด้วยคลิกเดียว
ตัวแปลงรูปแบบรูปภาพ
แปลงไฟล์ PNG, JPG และ WebP — ในเบราว์เซอร์ของคุณ
ตัวสร้าง Favicon
สร้างชุด Favicon และไอคอน PWA ทั้งหมด
ตัวแปลง SVG เป็น PNG
เรนเดอร์มาร์กอัป SVG เป็น PNG ความละเอียดสูง
ตัวแปลง PNG เป็น SVG (เวกเตอร์เทรซ)
เวกเตอร์ไทซ์ PNG, JPG หรือ WebP เป็น SVG ที่ปรับขนาดได้