English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
عند استخدام CSS، يمكنك استخدام دالة CSS rgb() لتقديم قيم الألوان. تسمح لك هذه الدالة بتحديد قيم الألوان عبر تحديد قنوات الأحمر والأخضر والأزرق مباشرة.
استخدام الألوان RGB:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>التعليمات الأساسية (oldtoolbag.com)</title>
<style>
#p1 {background-color:rgb(255,0,0);}
#p2 {background-color:rgb(0,255,0);}
#p3 {background-color:rgb(0,0,255);}
#p4 {background-color:rgb(192,192,192);}
#p5 {background-color:rgb(255,255,0);}
#p6 {background-color:rgb(255,0,255);}
</style>
</head>
<body>
<p>لون RGB:</p>
<p id="p1">اللون الأحمر</p>
<p id="p2">اللون الأخضر</p>
<p id="p3">اللون الأزرق</p>
<p id="p4">اللون الرمادي</p>
<p id="p5">اللون الأصفر</p>
<p id="p6">اللون التوتي</p>
</body>
</html>تجربة رؤية ‹/›يستخدم دالة rgb() مزيجًا من الأحمر (R)، الخضراء (G)، والأزرق (B) الثلاثة لإنشاء أنواع مختلفة من الألوان.
RGB هو الأحمر، الخضراء، والأزرق (بالإنجليزية: Red, Green, Blue).
الأحمر (R)عدد صحيح بين 0 و 255 يمثل جزء الأحمر من اللون.
الخضراء (G)عدد صحيح بين 0 و 255 يمثل جزء الخضراء من اللون.
الأزرق (B)عدد صحيح بين 0 و 255 يمثل جزء الزرقاء من اللون.
إصدار الدعم: CSS2
الرقم في الجدول يُمثل أحدث إصدار من المتصفح يدعم هذه الوظيفة.
| وظيفة | |||||
|---|---|---|---|---|---|
| rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
rgb(أحمر، خضراء، زرقاء)
| القيمة | وصف |
|---|---|
| الأحمر | تحديد قيمة الأحمر، نطاق القيمة 0 ~ 255، يمكن أيضًا استخدام النسبة المئوية 0% ~ 100%. |
| الخضراء | تحديد قيمة الخضراء، نطاق القيمة 0 ~ 255، يمكن أيضًا استخدام النسبة المئوية 0% ~ 100%. |
| الزرقاء | تحديد قيمة الزرقاء، نطاق القيمة 0 ~ 255، يمكن أيضًا استخدام النسبة المئوية 0% ~ 100%. |