أدوات التصميم (AR)
16 free أدوات التصميم tools — instant, private, no sign-up
CSS Cursor Tester & Style Generator
Test and preview all CSS cursor property values interactively and generate custom cursor CSS rules with fallback options.
افتح الأداة ←CSS Filter & Image Effects Generator
Visually create CSS image filter effects including blur, brightness, contrast, grayscale, hue-rotate, invert, and sepia with live preview.
افتح الأداة ←CSS Gradient Text Generator
Create eye-catching CSS gradient text with linear and radial color stops, angle controls, and cross-browser background clip CSS.
افتح الأداة ←CSS Triangle & Shape Generator
Generate pure CSS border and clip-path triangles with custom directions, dimensions, colors, and ready-to-use CSS snippet output.
افتح الأداة ←SVG Minifier & Code Cleaner
Minify and optimize SVG vector graphics by removing redundant metadata, comments, editor artifacts, and collapsing coordinate precision.
افتح الأداة ←قارئ الماسح الضوئي لرمز الاستجابة السريعة
مسح وفك رموز QR من الكاميرا أو الصور التي تم تحميلها.
افتح الأداة ←محاكاة عمى الألوان
محاكاة كيف تبدو الصور مع الأنواع الشائعة من عمى الألوان.
افتح الأداة ←مدقق تباين الألوان
تحقق من نسبة تباين WCAG بين ألوان المقدمة والخلفية.
افتح الأداة ←منتقي الألوان
اختر الألوان من عجلة أو عينة من وحدات البكسل من أي صورة تم تحميلها.
افتح الأداة ←مولد التدرج
أنشئ تدرجات خطية وقطرية لـ CSS وانسخ الكود.
افتح الأداة ←مولد الظل لصندوق CSS
أنشئ قيم ظل مربع CSS بشكل مرئي وانسخ المقتطف.
افتح الأداة ←مولد خلفية نمط SVG
قم بإنشاء أنماط خلفية CSS سلسة وانسخ الكود.
افتح الأداة ←مولد رمز الاستجابة السريعة
أنشئ رموز QR مخصصة بالألوان والأحجام وتراكب الشعار الاختياري.
افتح الأداة ←مولد فافيكون
أنشئ أيقونات مفضلة بأبعاد 16×16 و32×32 و180×180 من شعارك.
افتح الأداة ←مولد لوحة الألوان
إنشاء لوحات ألوان متناغمة من اللون الأساسي.
افتح الأداة ←مولد نصف قطر الحدود CSS
أنشئ قيم نصف القطر الحدودي لـ CSS بشكل مرئي وانسخ المقتطف.
افتح الأداة ←