الدليل الهندسي والتقني
توليد أنماط CSS والرسومات المتجهة في المتصفح
صمم تأثيرات زجاجية راقية وفحص معايير التباين اللوني WCAG 2.1 AAA فوراً.
🎨 التصميم و CSS • 6 أداة
أدوات التصميم وواجهات CSS
مولدات بصرية وفاحصات إتاحة لمصممي ومطوري واجهات المستخدم.
معالجة في المتصفح بنسبة 100%
استجابة فائقة السرعة
بدون تسجيل دخول أو رسوم
استكشف الفئات الأخرى
التصميم و CSS 6
عرض جميع الأدوات (56+) ←التصميم والوصول WCAG AAA
فاحص تباين الألوان (WCAG)
فحص نسب تباين الألوان وفق معايير سهولة الوصول WCAG 2.1 AA و AAA.
تشغيل الأداة ← معالجة محلية 100%
التصميم و CSS أداء فائق
مُولّد الزجاج المصنفر CSS
تصميم تأثيرات الزجاج المصنفر والظلال العصرية مع تصدير كود CSS.
تشغيل الأداة ← معالجة محلية 100%
التصميم والأدوات جديد ومميز
مُولّد وماسح رموز الاستجابة السريعة (QR Code)
توليد رموز QR مخصصة للروابط وشبكات الواي فاي وبطاقات الاتصال مع خيارات الألوان وشعار في المنتصف وتنزيل بصيغة PNG و SVG.
تشغيل الأداة ← معالجة محلية 100%
الفيكتور والتصميم تحويل فيكتور فائق الدقة
محول ملفات SVG إلى PNG وصور نقطية
تحويل رسومات الفيكتور SVG إلى صور عالية الدقة PNG و WebP و JPEG بمضاعفات حجم تصل إلى 8x مع دعم الشفافية وبشكل محلي 100%.
تشغيل الأداة ← معالجة محلية 100%
التصميم و CSS محرر مرئي تفاعلي
مُولّد ومحرر CSS Flexbox المرئي التفاعلي
أداة بصرية تفاعلية لتصميم تخطيطات Flexbox مع معاينة فورية، وضبط اتجاه العناصر والمحاذاة، وتوليد أكواد CSS و Tailwind جاهزة للنسخ.
تشغيل الأداة ← معالجة محلية 100%
الخطوط والتصميم توليد خطوط TTF
مُولّد الخطوط من ملفات SVG (TTF و Web Font)
تحويل ملفات SVG للأحرف والأيقونات إلى خطوط حاسوبية بصيغة TTF مع كود CSS ومعاينة نصية فورية.
تشغيل الأداة ← معالجة محلية 100%
الأسئلة الشائعة
إجابات حول التصميم و CSS وحماية الخصوصية في المتصفح.
ما هي أقصى دقة يدعمها محول SVG إلى PNG؟
يدعم التكبير حتى 8 أضعاف لتصدير صور فائقة الدقة تصل إلى 8K.