مولد التدرج CSS

CSS Gradient Generator هي أداة مجانية عبر الإنترنت تتيح لك إنشاء تدرجات CSS جميلة بواجهة مرئية ومعاينة مباشرة. وهو يدعم أنواع التدرج الخطي والشعاعي والمخروطي ، مما يسمح لك بتصميم انتقالات ألوان مذهلة لخلفيات مواقع الويب والأزرار والبطاقات وعناصر واجهة المستخدم الأخرى.

توفر الأداة واجهة سحب وإفلات بديهية لإضافة وتحديد مواقع توقف الألوان وضبط اتجاه التدرج والزاوية وضبط العتامة. يمكنك أن ترى بالضبط كيف سيبدو تدرجك في الوقت الفعلي ، مما يجعل من السهل تجربة مجموعات ألوان مختلفة حتى تحصل على النتيجة المثالية.

بمجرد أن تكون راضيًا عن التدرج الخاص بك ، ما عليك سوى نسخ رمز CSS الذي تم إنشاؤه ولصقه في ورقة الأنماط الخاصة بك. تقوم الأداة بإخراج CSS نظيفة ومتوافقة مع المستعرضات والتي تعمل في جميع المتصفحات الحديثة. ليست هناك حاجة إلى خبرة في التصميم أو الترميز لإنشاء تدرجات ذات مظهر احترافي.

شيء واحد يجب معرفته حول كيفية رسم المتصفحات للتدرجات: يتم استيفاء الألوان في sRGB، وهو أمر غير متساوٍ من الناحية الإدراكية. مزج لونين متعارضين بشدة، اللون الأزرق إلى الأصفر هو الحالة الكلاسيكية، يأخذ نقطة المنتصف من خلال اللون الرمادي غير المشبع الذي لا يوحي به أي من اللونين النهائيين. الإصلاحات المعتادة هي إضافة نقطة توقف في المنتصف لتوجيه المسار، أو اختيار ألوان النهاية أقرب إلى بعضها البعض على العجلة. يؤدي تكرار التوقف في نفس الموضع إلى إنتاج حافة صلبة بدلاً من المزيج، وهي الطريقة التي يتم بها إنشاء تأثيرات الشريط والشريط. لم تعد هناك حاجة إلى بادئات البائع للتدرجات القياسية في أي متصفح لا يزال يتلقى التحديثات، وبالتالي فإن أقصر مخرجات هي أيضًا الأكثر توافقًا. يتم رسم التدرجات كخلفيات، لذا فهي بحاجة إلى مربع بأبعاد تكون مرئية على الإطلاق.