وظيفة CSS rgb ()
مثال
تحديد ألوان RGB المختلفة:
#p1 {background-color:rgb(255,0,0);} /* red */
#p2 {background-color:rgb(0,255,0);} /* green */
#p3 {background-color:rgb(0,0,255);} /* blue */
التعريف والاستخدام
تحدد وظيفة rgb () الألوان باستخدام نموذج الأحمر والأخضر والأزرق (RGB).
يتم تحديد قيمة لون RGB بـ: rgb (أحمر ، أخضر ، أزرق). تحدد كل معلمة كثافة ذلك اللون ويمكن أن تكون عددًا صحيحًا بين 0 و 255 أو قيمة النسبة المئوية (من 0٪ إلى 100٪).
على سبيل المثال ، يتم تقديم قيمة rgb (0،0،255) باللون الأزرق ، لأنه يتم تعيين المعلمة الزرقاء على أعلى قيمة لها (255) ويتم تعيين القيم الأخرى على 0.
الإصدار: | CSS2 |
---|
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الوظيفة بشكل كامل.
Function | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بنية CSS
rgb(red, green, blue)
Value | Description |
---|---|
red | Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100% |
green | Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100% |
blue | Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100% |