إنشاء تدرج ألوان CSS
أنشئ تدرجًا خطيًا أو شعاعيًا دائريًا من ألوان ومواضع محددة، مع معاينة وملف CSS.
طريقة الاستخدام
اختر الخطي أو الشعاعي، واضبط الزاوية أو المركز. أدخل الألوان ومواضعها، وأضف أو احذف أو حرّك نقاط اللون عند الحاجة. أنشئ النتيجة وراجع المعاينة، ثم انسخ CSS أو نزّله.
زاوية 90 مع #ff0000 عند 0% و#0000ff عند 100% تنتج linear-gradient(90deg, #ff0000 0%, #0000ff 100%)؛ الأحمر يسارًا والأزرق يمينًا.
حدود الدعم
زاوية 0 تتجه للأعلى و90 لليمين وفق CSS. الشعاعي دائرة بحجم farthest-corner؛ لا صور أو تكرار أو اختيار فضاء ألوان. موضعان متساويان يصنعان حافة حادة، والمواضع المتناقصة تُرفض بدل إعادة ترتيبها. تُوسّع صيغة HEX المختصرة إلى 6 أو 8 خانات؛ آخر خانتين في الصيغة الطويلة ذات 8 خانات للشفافية. المعاينة على خلفية الصفحة لا تثبت التباين أو تطابق الألوان بين كل الشاشات.
أسئلة شائعة
هل التنزيل صورة PNG؟
لا؛ الملف CSS يحتوي قاعدة .gradient. ضع هذه الفئة على عنصر في صفحتك؛ الأداة لا تصدر صورة ولا تستورد CSS حرًا.