انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: ألوان النصوص في لغة CSS

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

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

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

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

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

RGB اختصار Red وGreen وBlue؛ تأتي المكونات بهذا الترتيب داخل الدالة. في الصيغة العددية الشائعة تكون القيم من 0 إلى 255، ويمكن استخدام نسب من 0% إلى 100%.

  • rgb(255,0,0) أحمر، وrgb(0,255,0) أخضر، وrgb(0,0,255) أزرق.
  • الصيغة المستخدمة في الأمثلة تفصل المكونات بفواصل: rgb(R,G,B).
  • تسمح الصيغة الحديثة بالمسافات وبقناة alpha بعد /، مثل rgb(255 0 0 / 50%). لا تخلط فواصل الصيغتين في الاستدعاء نفسه.
طريقة إستخدام ألوان RGB في لغة CSS

RGB color Red

إستخدام قيمة خاصية color ب RGB أول خانة أعلي قمية 255 لتصبح لون أحمر صريح.

جرّب بنفسك

RGB color Red

طريقة كتابة RGB مع خاصية color بأستخدام كود RGB.

HTML 
h1 {
color:rgb(255,0,0);
}
جرّب بنفسك

RGB color Blue

المكوّن الثالث B يساوي 255 والأولان يساويان صفرًا، لذلك ينتج المثال اللون الأزرق.

جرّب بنفسك

RGB color Blue

طريقة كتابة RGB مع خاصية color بأستخدام كود RGB.

HTML 
h1 {
color:rgb(0,0,255);
}
جرّب بنفسك

جميع فقرات هذا الدرس (ألوان النصوص في لغة CSS)