استكشف مجموعتنا المنسقة لأكثر من 100 تدرج لوني مذهل. انقر على عينات التدرج لعرض الألوان الفردية، وانسخ كود CSS فورًا، واعثر على تركيبات التدرج المثالية لتصاميمك.
مرر عبر شبكة عينات التدرج لاستكشاف تركيبات وأنماط ألوان مختلفة. يعرض كل تدرج اسمه ورموز ألوانه.
انقر على النصف الأيسر من التدرج لرؤية لون البداية، أو انقر على النصف الأيمن لعرض لون النهاية. سيتم عرض رمز HEX لمدة ثانيتين.
انقر على زر 'انقر لنسخ التدرج' أسفل أي تدرج لنسخ خاصية خلفية CSS الكاملة إلى حافظتك.
الصق كود CSS المنسوخ في ورقة الأنماط الخاصة بك أو الأنماط المضمنة. التدرج جاهز للاستخدام بصيغة linear-gradient.
احصل على مجموعة مختارة بعناية لأكثر من 100 تركيبة تدرج لوني جميلة، منظمة حسب الأسلوب وموضوع اللون لسهولة التصفح.
انقر على النصف الأيسر أو الأيمن من أي عينة تدرج لوني لعرض ألوان البداية والنهاية الفردية مع عرض رموز HEX الخاصة بها.
انسخ فورًا كود linear-gradient لـ 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'، أو أي زاوية تفضلها.
أنشئ كولاجات بصرية مذهلة بدمج صورك مع لوحات الألوان المستخرجة. قم بتحميل أي صورة لاستخراج ألوانها المهيمنة تلقائيًا وإنشاء تركيبات جميلة بتخطيطات وأنماط ونسب أبعاد قابلة للتخصيص.
أنشئ، اعرض، وادِر لوحات الألوان بميزات متقدمة. أنشئ لوحات باستخدام نظرية الألوان، استورد من تنسيقات متنوعة، تحقق من تباين إمكانية الوصول، وصدّر إلى تنسيقات CSS، SCSS، Tailwind، JSON، أو PNG.
حوّل ألوان HSV (الصبغة، التشبع، القيمة) إلى أقرب مطابقاتها من ألوان بانتون على الفور. اعثر على لون بانتون المثالي باستخدام أداة مطابقة الألوان الشاملة لدينا، والتي تتميز بمقارنات بصرية وعلوم ألوان دقيقة.
حوّل ألوان RGB إلى أقرب تطابقات ألوان بانتون لها باستخدام خوارزمية مطابقة الألوان المتقدمة لدينا. تصفح ألوان بانتون المنسقة، قارن اختلافات الألوان، واحصل على رموز ألوان دقيقة لمشاريع التصميم.
حوّل ألوان الهيكس إلى أقرب تطابقات بانتون باستخدام أداتنا المجانية عبر الإنترنت. تتميز بمطابقة ألوان دقيقة بتقنية دلتا إي (Delta E)، وتصفح أكثر من 40 لونًا شائعًا من بانتون، واحصل على مقارنات ألوان فورية. مثالية للمصممين والطابعين ومحترفي الألوان.
تحقق من نسب تباين الألوان لامتثال إمكانية الوصول إلى الويب. اختبر مجموعات ألوان النص والخلفية مقابل إرشادات WCAG مع معاينة فورية، وتقييمات إمكانية الوصول، واقتراحات التحسين.