مولد التدرجات CSS

مولد التدرجات اللونية CSS

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

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

خيارات الخطي والشعاعي

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