انتقل إلى محتوى الدرس

CSS RGBA Color طريقة إستخدام ألوان RGBA في لغة CSS

ستتلعم في هذا الدرس إضافة ألوان لعناصر HTML التي تحتوي علي محتوي نصي وتغيير الألوان الأفتراضية للنصوص إلي أي لون أخر يتماشي مع تصميم صفحة الويب.

1 صفوف تعليمية
لغة CSS
14,695 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تضيف قناة alpha إلى مكونات RGB للتحكم في عتامة اللون، مثل rgba(255,0,0,0.5).

  • 0 تعني شفافية كاملة، و1 تعني عتامة كاملة، و0.5 تعني نصف العتامة.
  • 0.99 قريبة من العتامة الكاملة لكنها لا تساوي 1.
  • يمكن التعبير عن alpha كنسبة أيضًا؛ 50% تكافئ 0.5.
طريقة إستخدام ألوان RGBA في لغة CSS

RGBA Color

القيمة A متوسطة وهي تعني شفافية اللون بمقدار 50%

RGBA Color

طريقة كتابة قيمة RGBA لخاصية color.

HTML
h1 {
color:rgba(255,0,0,0.5);
}