HTML - Colors الألوان

ألوان HTML (HTML Colors)

في HTML، يمكنك استخدام الألوان لتنسيق النصوص، الخلفيات، الحدود، وأكثر. تُحدد الألوان بإحدى الطرق التالية:

• بالاسم (Color Name) مثل red، blue
• بالقيمة الست عشرية (Hex) مثل #ff0000
• بالـ RGB مثل rgb(255,0,0)
• بالـ HSL مثل hsl(0, 100%, 50%)
• وأيضًا RGBA و HSLA لإضافة الشفافية

---

✅ أمثلة على استخدام الألوان في HTML:

🔹 باستخدام أسماء الألوان:

<p style="color:red;">هذا النص باللون الأحمر</p>

🔹 باستخدام Hex Code:

<p style="color:#00ff00;">هذا النص باللون الأخضر</p>

🔹 باستخدام RGB:

<p style="color:rgb(0,0,255);">هذا النص باللون الأزرق</p>

🔹 تغيير لون الخلفية:

<div style="background-color:yellow;">خلفية صفراء</div>

🔹 استخدام RGBA مع الشفافية:

<div style="background-color:rgba(255, 0, 0, 0.5);">خلفية حمراء بشفافية 50%</div>

---

📝 ملاحظات مهمة:

• أسماء الألوان محدودة ولكن كافية في كثير من الحالات.
• القيم الست عشرية (Hex) تُستخدم كثيرًا في تصميم المواقع.
• rgba و hsla مفيدة عندما تحتاج شفافية.
• يمكن استخدام الألوان في color و background-color وأيضًا مع borders والعناصر الأخرى.