استكشف مجموعتنا المنسقة لأكثر من 100 تدرج لوني مذهل. انقر على عينات التدرج لعرض الألوان الفردية، وانسخ كود CSS فورًا، واعثر على تركيبات التدرج المثالية لتصاميمك.
تصفح مجموعة التدرجات
مرر عبر شبكة عينات التدرج لاستكشاف تركيبات وأنماط ألوان مختلفة. يعرض كل تدرج اسمه ورموز ألوانه.
عرض الألوان الفردية
انقر على النصف الأيسر من التدرج لرؤية لون البداية، أو انقر على النصف الأيمن لعرض لون النهاية. سيتم عرض رمز HEX لمدة ثانيتين.
نسخ كود CSS للتدرج
انقر على زر 'انقر لنسخ التدرج' أسفل أي تدرج لنسخ خاصية خلفية CSS الكاملة إلى حافظتك.
استخدم في مشروعك
الصق كود CSS المنسوخ في ورقة الأنماط الخاصة بك أو الأنماط المضمنة. التدرج جاهز للاستخدام بصيغة linear-gradient.
أكثر من 100 تدرج لوني منسق
احصل على مجموعة مختارة بعناية لأكثر من 100 تركيبة تدرج لوني جميلة، منظمة حسب الأسلوب وموضوع اللون لسهولة التصفح.
معاينة تفاعلية للألوان
انقر على النصف الأيسر أو الأيمن من أي عينة تدرج لوني لعرض ألوان البداية والنهاية الفردية مع عرض رموز HEX الخاصة بها.
نسخ كود CSS بنقرة واحدة
انسخ فورًا كود linear-gradient لـ CSS الجاهز للاستخدام إلى حافظتك بنقرة واحدة على زر النسخ.
شبكة تدرجات مرئية
تصفح التدرجات في تخطيط شبكي نظيف وعصري مع عرض أسماء التدرجات ورموز الألوان بوضوح للرجوع إليها بسرعة.
تدرجات الألوان هي انتقالات سلسة بين لونين أو أكثر، مما يخلق مزيجًا جذابًا بصريًا. في تصميم الويب، تسمح لك تدرجات CSS الخطية بإنشاء هذه الانتقالات اللونية التي تتدفق في اتجاه محدد. تتميز مكتبتنا بتركيبات تدرج منسقة باحترافية تعمل بشكل جيد معًا، مما يوفر عليك الوقت في العثور على انتقالات ألوان متناسقة للخلفيات، الأزرار، البطاقات، وعناصر التصميم الأخرى.
منسقة باحترافية
تم اختيار كل تدرج في مجموعتنا بعناية لجاذبيته البصرية وتنوعه في التصميم، مما يضمن تركيبات ألوان عالية الجودة.
كود CSS جاهز للاستخدام
احصل على كود CSS فوري يعمل مباشرة. لا حاجة لكتابة صيغة التدرج يدويًا أو التجريب بقيم الألوان.
فحص الألوان التفاعلي
اعرض ألوان التدرج الفردية بالنقر على أجزاء مختلفة من العينة، مما يسهل فهم الألوان المستخدمة بالضبط.
أداة تصميم موفرة للوقت
تجاوز التجربة والخطأ في إنشاء التدرجات من الصفر. اعثر على التدرج المثالي بسرعة وقم بتطبيقه فورًا في مشاريعك.
تحتوي المكتبة على أكثر من 100 تركيبة تدرج لوني منسقة بعناية، وتتميز بأنماط متنوعة تتراوح من الانتقالات الدقيقة إلى الخلطات الجريئة والنابضة بالحياة المناسبة لاحتياجات التصميم المختلفة.
انقر على النصف الأيسر من عينة التدرج لعرض لون البداية، أو انقر على النصف الأيمن لرؤية لون النهاية. سيتم عرض رمز HEX على العينة لمدة ثانيتين.
تقوم الأداة بنسخ خاصية خلفية CSS كاملة مع تدرج خطي (linear-gradient) ينتقل من اليسار إلى اليمين (باتجاه اليمين). على سبيل المثال: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
نعم، جميع التدرجات في المكتبة مجانية للاستخدام في المشاريع الشخصية والتجارية بدون قيود. لا يمكن حماية تدرجات الألوان بحقوق النشر.
بعد نسخ كود CSS، الصقه في ورقة الأنماط الخاصة بك أو كنمط مضمن. يمكنك تطبيقه على خلفية أي عنصر، مثل أقسام div، أو الأقسام، أو الأزرار، أو البطاقات.
نعم، بعد نسخ كود CSS، يمكنك تغيير الاتجاه عن طريق تعديل الجزء 'to right' إلى قيم أخرى مثل 'to bottom'، 'to top'، '45deg'، أو أي زاوية تفضلها.