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

مثالية للمصممين والمطورين لاستكشاف مجموعات ألوان جديدة بسرعة. كل نقرة على زر "تدرج عشوائي" تولد تدرجاً فريداً مع ألوان عشوائية ومواضع متنوعة. يمكنك أيضاً تعديل الألوان يدوياً وإضافة نقاط جديدة.

التدرجات اللونية (Gradients) هي تقنية أساسية في CSS تتيح إنشاء انتقال سلس بين لونين أو أكثر. هذه الأداة تستخدم خاصية linear-gradient مع خيارات متعددة: اتجاه التدرج (to right, to left, to bottom, to top, زوايا مخصصة)، ونقاط لونية متعددة (2 إلى 5 ألوان بشكل عشوائي عند النقر على "تدرج عشوائي"، لكن يمكنك إضافة ما يصل إلى 10 ألوان يدوياً). يتم عرض كود CSS مباشرة ويمكن نسخه بنقرة زر. جميع العمليات تجري محلياً في متصفحك – لا يتم إرسال أي بيانات إلى الخادم. جرب النقر على "تدرج عشوائي" عدة مرات للحصول على إلهام لوني!

• توليد تدرج عشوائي : اضغط زر "تدرج عشوائي" لإنشاء مجموعة جديدة من الألوان والمواضع العشوائية (بين 2 و 5 ألوان).
• تخصيص الألوان : يمكنك تعديل أي لون باستخدام منتقي الألوان، أو تغيير موضعه (نسبة مئوية).
• إضافة أو إزالة الألوان : استخدم زر "إضافة لون" لإضافة نقطة لونية جديدة، أو زر ✖ لإزالة لون (يجب بقاء لونين على الأقل).
• اختيار الاتجاه : اختر من القائمة المنسدلة: إلى اليمين، إلى اليسار، إلى الأسفل، إلى الأعلى، 45°، 135°، أو زاوية مخصصة (تظهر حقلاً لإدخال الزاوية).
• شاهد المعاينة : يتم تحديث المعاينة تلقائياً مع كل تغيير.
• نسخ الكود : اضغط زر "نسخ كود CSS" لنسخ الكود إلى الحافظة واستخدامه في ملف CSS الخاص بك.
• نصائح : جرب التوليد العشوائي عدة مرات للحصول على إلهام لوني، ثم عدّل الألوان يدوياً لتناسب علامتك التجارية.