دالة rgb() في CSS
- الصفحة السابقة دالة CSS repeating-radial-gradient()
- الصفحة التالية دالة CSS rotate()
- العودة إلى الطبقة السابقة دستورالعملهای مرجع function CSS
التعريف والاستخدام
في CSS rgb() استخدام دالة لتحديد اللون باستخدام نموذج اللون الأحمر-الأخضر-الأزرق (RGB) ويمكن إضافة قناة شفافية اختيارية (تُمثل شفافية اللون).
قيمة اللون RGB يتم تحديدها عبر rgb(الأحمر الأخضر الأزرقrgb(from تحديد. كل معلمة تحدد شدة اللون، يمكن أن تكون عددًا صحيحًا بين 0 و255 أو نسبة مئوية بين 0% و100%.
على سبيل المثال،rgb(0 0 255) يظهر كالأزرق، لأن قيمة الأزرق مضبوطة على أعلى مستوى (255)، بينما يتم ضبط القيم الأخرى على 0.
ملاحظة:rgba() الوظيفة هي rgb() اسم وظيفة بديل. يُنصح باستخدام rgb() الوظيفة
مثال
تعريف ألوان RGB(A) المختلفة:
#p1 {لون الخلفية:rgb(255 0 0);} /* لون الأحمر */
#p2 {لون الخلفية:rgb(0 255 0);} /* لون الأخضر */
#p3 {لون الخلفية:rgb(0 0 255);} /* لون الأزرق */
#p4 {لون الخلفية:rgb(192 192 192);} /* لون الرمادي */
#p5 {لون الخلفية:rgb(255 255 0);} /* لون الأصفر */
#p6 {لون الخلفية:rgb(255 0 255);} /* لون الكرز */
#p7 {لون الخلفية:rgb(255 0 255 / 0.2);} /* لون الكرز الشفاف */
#p8 {لون الخلفية:rgb(0 0 255 / 50%);} /* أزرق شفاف */
جملة CSS
جملة القيمة المطلقة
rgb(R G B / A)
| ) | القيمة |
|---|---|
| R |
هذا هو اللون الأصلي الذي يبنى عليه اللون المطلق. يمكن أيضًا استخدام none (ما يعادله 0%). |
| G |
مطلوب. يحدد شدة اللون الأخضر، يمكن أن يكون عددًا صحيحًا بين 0 و255 أو نسبة بين 0% و100%. يمكن أيضًا استخدام none (ما يعادله 0%). |
| B |
مطلوب. يحدد شدة اللون الأزرق، يمكن أن يكون عددًا صحيحًا بين 0 و255 أو نسبة بين 0% و100%. يمكن أيضًا استخدام none (ما يعادله 0%). |
| / A |
اختياري. يمثل قيمة قناة الشفافية اللونية، 0% (أو 0) يعني شفافية كاملة، و100% (أو 1) يعني غير شفاف. يمكن أيضًا استخدام none (مما يعني قناة الشفافية غير موجودة). القيمة الافتراضية هي 100%. |
جملة القيمة النسبية
جملة القيمة المطلقة from R G B / Argb(from
| ) | القيمة |
|---|---|
| الوصف from |
color يبدأ بكلمة from، تتبعها قيمة اللون التي تمثل اللون الأصلي. |
| R |
هذا هو اللون الأصلي الذي يبنى عليه اللون المطلق. يمكن أيضًا استخدام none (ما يعادله 0%). |
| G |
مطلوب. يحدد شدة اللون الأخضر، يمكن أن يكون عددًا صحيحًا بين 0 و255 أو نسبة بين 0% و100%. يمكن أيضًا استخدام none (ما يعادله 0%). |
| B |
مطلوب. يحدد شدة اللون الأزرق، يمكن أن يكون عددًا صحيحًا بين 0 و255 أو نسبة بين 0% و100%. يمكن أيضًا استخدام none (ما يعادله 0%). |
| / A |
اختياري. يمثل قيمة قناة الشفافية اللونية، 0% (أو 0) يعني شفافية كاملة، و100% (أو 1) يعني غير شفاف. يمكن أيضًا استخدام none (مما يعني قناة الشفافية غير موجودة). القيمة الافتراضية هي 100%. |
تفاصيل التقنية
| الإصدار: | CSS2 |
|---|
دعم المتصفح
الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| rgb() | ||||
| 1 | 4 | 1 | 1 | 3.5 |
| rgb() مع معامل التشعبيه | ||||
| 65 | 79 | 52 | 12.1 | 52 |
| مفصولة بمسافات | ||||
| 65 | 79 | 52 | 12.1 | 52 |
- الصفحة السابقة دالة CSS repeating-radial-gradient()
- الصفحة التالية دالة CSS rotate()
- العودة إلى الطبقة السابقة دستورالعملهای مرجع function CSS
