CSS - HEX Colors نمط اللون
CSS - ألوان HEX
🔸 تُستخدم رموز HEX (الست عشرية) في CSS لتحديد الألوان باستخدام 6 خانات تمثل نسب الأحمر (Red) والأخضر (Green) والأزرق (Blue).
✅ الصيغة العامة
تُكتب الألوان بصيغة:
#RRGGBB
🔹 حيث كل زوج من الخانات يُمثل أحد الألوان الثلاثة بقيمة بين 00 (الأقل) و FF (الأعلى).
color: #ff0000; /* أحمر */
color: #00ff00; /* أخضر */
color: #0000ff; /* أزرق */
color: #ffff00; /* أصفر */
color: #000000; /* أسود */
color: #ffffff; /* أبيض */
🧪 مثال عملي
<!DOCTYPE html>
<html>
<body>
<h1 style="color: #ff0000;">أحمر</h1>
<h1 style="color: #00ff00;">أخضر</h1>
<h1 style="color: #0000ff;">أزرق</h1>
<h1 style="color: #ffa500;">برتقالي</h1>
</body>
</html>
🎯 تنسيقات مختصرة (HEX 3 خانات)
إذا كانت القيم مكررة، يمكن استخدام الصيغة المختصرة #RGB بدلًا من #RRGGBB.
color: #f00; /* نفس #ff0000 */
color: #0f0; /* نفس #00ff00 */
color: #00f; /* نفس #0000ff */
📌 ملاحظات مهمة
- رموز HEX لا تفرّق بين الحروف الكبيرة والصغيرة (
#FF0000مثل#ff0000). - HEX هي طريقة شائعة جدًا لتعريف الألوان في تصميم المواقع.
- يمكن استخدام أدوات اختيار الألوان (Color Pickers) لمعرفة قيمة HEX لأي لون تريده.
تعليقات
إرسال تعليق