RGBA هو لون CSS يمكنه تعيين قيم الألوان والشفافية
يوجد أدناه اللون الأبيض باستخدام rgba() لتعيين الشفافية بنسبة 50%.
ص {
اللون: رغبا (255، 255، 255، 0.5)؛
}
RGBA هو امتداد لنموذج الألوان RGB. يرمز هذا الاختصار إلى الأحرف الأولى من الألوان الأساسية الثلاثة الأحمر والأخضر والأزرق، وتمثل قيمة ألفا شفافية/عتامة اللون.
بناء جملة RGBA
تنسيق تمثيل الألوان RGBA هو:
rgba (الأحمر، الأخضر، الأزرق، ألفا)
تتراوح القيم الثلاث الأولى (الأحمر والأخضر والأزرق) بين أعداد صحيحة تتراوح بين 0 و255 أو نسب تتراوح بين 0% و100%. تصف هذه القيم مقدار الألوان الأساسية الثلاثة الأحمر والأخضر والأزرق في اللون المقصود.
إذا كنت تريد تعيين اللون الأحمر النقي، فقم بتعيين المعلمة الحمراء على كامل، أي 255، وقم بتعيين المعلمات الخضراء والزرقاء على 0.
لون الخلفية: rgba(255, 0, 0, 1);
نتيجة:
يمكن أيضًا استخدام النسب المئوية:
لون الخلفية: rgba(100%, 0%, 0%, 1);
نتيجة:
القيمة الرابعة، ألفا، تحدد شفافية/عتامة اللون وتتراوح من 0.0 إلى 1.0
المثال التالي باللون الأصفر مع شفافية 50%:
اللون: رغبا (255، 242، 0، 0.5)؛
شفافية CSS متوافقة مع Firefox وIE وChrome. الإصدارات الحالية من المتصفحات مرتفعة نسبيًا. لا تتردد في استخدامه في مشروعك.