أدوات التصميم
أدوات تصميم مجانية تشمل مولد لوحات الألوان ومحوّل الألوان ومنشئ تدرجات CSS ومولد ظل الصندوق. تعمل في المتصفح بدون تثبيت.
أدوات التصميم على WebRecast
- لوحة الألوان - أنشئ لوحات ألوان جميلة من الصور أو بذور عشوائية. صدّر رموز HEX و RGB و HSL.
- محول الألوان - حوّل بين HEX و RGB و HSL و HSV و CMYK فوراً مع معاينة لونية حية. أداة مجانية للمصممين والمطورين تعمل في المتصفح بدون تنزيل. جرّبه الآن!
- متدرج CSS - أنشئ تدرجات CSS خطية وشعاعية ومخروطية بصرياً واحصل على كود جاهز للإنتاج. أداة مجانية بدون تنزيل مع معاينة حية ونسخ بنقرة واحدة. جرّبه الآن!
- ظل الصندوق - صمم تأثيرات box-shadow بصرياً مع منزلقات الضبابية والانتشار والإزاحة. انسخ كود CSS الجاهز بنقرة واحدة. أداة مجانية للمطورين. جرّبه الآن!
- مطابق الخطوط - اكتشف تركيبات خطوط جميلة لموقعك. عاين تركيبات Google Fonts مباشرةً، واحصل على كود CSS فورًا. أداة مزاوجة خطوط مجانية أونلاين.
- فاحص التباين - افحص نسب تباين الألوان للامتثال لـ WCAG AA و AAA. تأكّد من أن نص موقعك مقروء ومتاح. أداة مجانية أونلاين.
- محرر SVG - حرّر ملفات SVG أونلاين مع معاينة حيّة. غيّر الألوان والأبعاد و viewBox. نزّل أو انسخ SVG المعدّل فورًا. أداة مجانية في المتصفح.
- مولد نصف قطر الحدود - أنشئ قيم border-radius في CSS بصريًّا مع تحكّم فردي بكل زاوية. انسخ كود CSS جاهزًا للاستخدام. مولّد نصف قطر حد مجاني أونلاين.
- مولد تأثير الزجاج - أنشئ CSS لتأثير Glassmorphism بضوابط بصرية. اضبط التمويه والعتامة والتشبّع لتأثيرات واجهة زجاجية مصدّفة. أداة مجانية أونلاين.
- مولد ظل النص - أنشئ تأثيرات ظل النص text-shadow في CSS بطبقات متعدّدة. اضبط الإزاحة والتمويه واللون بصريًّا. انسخ كود CSS فورًا. أداة مجانية أونلاين.
