أدوات تصميم — مجانية عبر الإنترنت
13 أداةأدوات التصميم وCSS: منتقي الألوان، منشئ التدرجات، منشئ الظلال وأدوات CSS.
فاحص تباين WCAG وAPCA
فحص إمكانية الوصول للألوان مع نسب WCAG 2.1 ودرجات APCA الحديثة مع محاكاة مرئية.
مولّد حركات CSS
تصميم حركات keyframe عالية الأداء بصرياً مع معاينات مباشرة وعناصر تحكم التخفيف.
مولّد Border Radius CSS
إنشاء أنصاف أقطار CSS متقدمة من 8 نقاط بصرياً. تصميم دوائر وأشكال عضوية ومعقدة.
مولّد Box Shadow CSS
تصميم ظلال CSS متعددة الطبقات بصرياً مع معاينات في الوقت الفعلي ودعم inset.
مولّد فلاتر CSS
تطبيق فلاتر CSS كالتمويه والتباين والسطوع على الصور مع معاينات مباشرة وتصدير الكود.
مولّد Flexbox CSS
تصميم تخطيطات مرنة بصرياً مع بيئة تفاعلية لخصائص الحاوية والعناصر.
مولّد Grid CSS
تصميم تخطيطات ثنائية الأبعاد معقدة بصرياً. اسحب لإنشاء مناطق الشبكة وصدّر CSS نظيف.
محوّل PX إلى REM
محوّل ثنائي الاتجاه px/rem مع مطابقة Tailwind CSS ومولّد خط سائل clamp().
محوّل SVG إلى CSS
تحويل أيقونات SVG إلى URIs بيانات CSS محسنة بتنسيقات background-image وmask-image وTailwind.
مولّد Favicon
توليد Favicons من نص أو رمز تعبيري أو صور بتنسيقات ICO وPNG وSVG وحزمة PWA مع دعم الوضع الداكن.
مولّد تدرجات CSS
إنشاء تدرجات CSS جذابة بمحرر مرئي يدعم الأنواع الخطية والدائرية والمخروطية مع OKLCH.
مولّد لوحات الألوان
توليد لوحات ألوان متناسقة في OKLCH مع ستة أوضاع تناغم ومصفوفة تباين WCAG وتصدير CSS/Tailwind/JSON.
منتقي الألوان
اختيار الألوان بلوحة HSV تفاعلية والتحويل بين HEX وRGB وHSL وOKLCH وفحص تباين WCAG.