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
حConvert px, rem, em, pt والمزيد.
حاسبة نسبة العرض إلى الارتفاع
احسب النسب وغيّر أبعاد الحجم.
مغير حجم الصور
غيّر حجم الصور إلى أبعاد بكسل دقيقة.
ضاغط الصور
قلّص حجم ملف الصورة بنقرة واحدة.
محول صيغ الصور
حوّل PNG وJPG وWebP — في متصفحك.
مولد الأيقونات المفضلة (Favicon)
ولد مجموعات كاملة من الأيقونات المفضلة وأيقونات PWA.
محول SVG إلى PNG
حوّل ترميز SVG إلى صورة PNG عالية الدقة.
محوّل PNG إلى SVG (تتبّع متّجهي)
حوّل PNG أو JPG أو WebP إلى SVG قابل للتكبير.