أدوات تصميم مجانية عبر الإنترنت
تدرجات، تباين ألوان، تخطيطات، SVG، وإلقاء، وأنماط خرز الدمج — أدوات يومية للمصممين ومطوري الواجهات، جاهزة دون أي إعداد.
مولّد تدرجات CSS
أنشئ CSS لتدرجات خطية / دائرية بصريًا مع معاينة حية
افتح الأداة ←مدقق تباين الألوان
نسبة تباين WCAG للنص والخلفية مع أحكام AA / AAA
افتح الأداة ←مولّد تخطيط CSS
اضبط خصائص Flexbox / Grid بصريًا مع عرض حي وكود CSS جاهز
افتح الأداة ←محرر مسارات SVG
طبّق إزاحة / تحجيم / تدوير على path d مع معاينة حية ومخرجات SVG
افتح الأداة ←محرر أكواد SVG
تحقّق من كود SVG وعاينه وقلّص حجمه مع إحصاءات المقاسات
افتح الأداة ←شاشة الإلقاء عبر الإنترنت
شاشة إلقاء بتمرير سلس بملء الشاشة مع خيار المرآة والتحكم في السرعة
افتح الأداة ←مولّد أنماط خرز الدمج
حوّل الصور إلى أنماط خرز الدمج بأكواد Artkal / MARD / Perler الحقيقية
افتح الأداة ←لماذا أدوات التصميم هذه؟
محلية بالكامل
حسابات التدرجات وفحوص التباين وتحليل SVG وتمرير شاشة الإلقاء تعمل كلها داخل متصفحك — لا تُرفع تصاميمك أبدًا.
استجابة فورية
المدخلات والمخرجات متزامنة: عدّل نقاط اللون أو خصائص التخطيط أو التحويلات فتتحدث المعاينة والكود الناتج فورًا.
مخرجات مطابقة للمعايير
التباين يتبع معادلة الإضاءة النسبية في WCAG؛ والتدرجات والتخطيطات تُصدر CSS قياسيًا؛ وSVG يمرّ بتحقق XML صارم — انسخ واستخدم.