ألوان وتدرجات وظلال والمزيد للمصممين. · 34 أداة
أنشئ لوحات ألوان متناسقة.
صمّم تدرجات CSS وانسخ الكود.
صمّم box-shadow في CSS بصريًا.
حوّل بين HEX وRGB وHSL وغيرها.
تحقق من التباين وفق WCAG.
قلّل حجم ملفات SVG.
صمّم زوايا وأشكالًا عضوية باستخدام border-radius وانسخ CSS.
تأثير الزجاج المصنفر باستخدام backdrop-filter، جاهز للنسخ.
ظلال ناعمة بأسلوب neumorphism للأزرار والبطاقات.
خلفيات بأنماط (نقاط، خطوط، سداسيات…) بصيغة CSS أو SVG.
أشكال عضوية عشوائية بصيغة SVG مع تدرج لوني لتصاميمك.
موجات للفصل بين أقسام موقعك، بصيغة SVG جاهزة للاستخدام.
صمّم أزرارًا بتدرج لوني أو حدود أو بتأثير ثلاثي الأبعاد وانسخ CSS مع hover.
صمّم منحنيات الحركة وجرّبها مباشرة.
رسوم متحركة جاهزة بـ @keyframes: ارتداد ونبض واهتزاز وتلاشٍ والمزيد.
اقتص العناصر بأشكال CSS: مثلثات ونجوم وسداسيات والمزيد.
صمّم شبكات CSS بصريًا وانسخ الكود.
جرّب جميع خصائص flexbox وشاهد النتيجة فورًا.
احسب أحجام عناوين ونصوص متناسقة انطلاقًا من نسبة.
حوّل بين البكسل وrem وem وpt وvw حسب الحجم الأساسي.
شاهد كيف يرى المصابون بعمى الأحمر أو الأخضر أو الأزرق تصميمك.
التقط اللون من أي جزء من شاشتك بنقرة واحدة.
أنشئ صورًا رمزية بالأحرف الأولى وتدرج لوني بصيغة PNG أو SVG.
صمّم توقيعًا احترافيًا لـ Gmail وOutlook وApple Mail.
صمّم شعارًا نصيًا لعلامتك التجارية مع شعار فرعي بصيغة PNG أو SVG.
لوحات ألوان عشوائية (باستيل، زاهية، ترابية…) مع إمكانية تثبيت الألوان.
اعرف اسم لون HEX أو RGB وما يعادله.
أنشئ تدرج 50–950 للون علامتك التجارية لـ Tailwind أو متغيرات CSS.
أنشئ جميع أحجام الأيقونات لـ iOS وAndroid والويب من صورة واحدة.
صمّم بطاقات أعمال ونزّل ورقة A4 جاهزة للطباعة.
شهادات دورات وتقديرات ودبلومات بصيغة PDF.
فواتير وعروض أسعار بسيطة بصيغة PDF مع البنود وضريبة القيمة المضافة والإجمالي.
أنشئ سيرتك الذاتية بقالب أنيق ونزّلها بصيغة PDF.
حوّل الصور إلى ملصقات WhatsApp (512 × 512 WEBP) بحد أبيض.
