CSS - Colors RGB نمط اللون
CSS - ألوان RGB
🔸 تُستخدم صيغة rgb() في CSS لتحديد الألوان باستخدام القيم الثلاثة للألوان الأساسية: الأحمر (Red)، الأخضر (Green)، الأزرق (Blue).
✅ الصيغة العامة
تُكتب بصيغة:
rgb(red, green, blue)
حيث تكون كل قيمة رقمًا بين 0 و 255.
color: rgb(255, 0, 0); /* أحمر */
color: rgb(0, 255, 0); /* أخضر */
color: rgb(0, 0, 255); /* أزرق */
🧪 مثال عملي
<!DOCTYPE html>
<html>
<body>
<h1 style="color: rgb(255, 0, 0);">أحمر</h1>
<h1 style="color: rgb(0, 255, 0);">أخضر</h1>
<h1 style="color: rgb(0, 0, 255);">أزرق</h1>
<h1 style="color: rgb(128, 0, 128);">بنفسجي</h1>
</body>
</html>
🎯 درجات اللون (Shades)
يمكنك عمل درجات مختلفة من نفس اللون بتغيير القيم. على سبيل المثال:
color: rgb(255, 100, 100); /* درجة فاتحة من الأحمر */
color: rgb(100, 255, 100); /* درجة فاتحة من الأخضر */
📌 ملاحظات مهمة
- كل قيمة في
rgb()يجب أن تكون عددًا بين 0 و 255. - القيم الأعلى تعني سطوعًا أعلى (مثال: 255 = أقصى سطوع).
- يمكن أيضًا استخدام صيغة
rgba()لتحديد الشفافية (opacity).
تعليقات
إرسال تعليق