اكواد الالوان

1. كود الألوان السداسي العشري (Hexadecimal - Hex)

يتكون من رمز يبدأ بـ # متبوع بـ 6 رموز، حيث يمثل كل زوج لونًا معينًا.
الصيغة: #RRGGBB
- RR: شدة اللون الأحمر (0 إلى FF).
- GG: شدة اللون الأخضر (0 إلى FF).
- BB: شدة اللون الأزرق (0 إلى FF).
أمثلة:
- #FFFFFF = الأبيض.
- #000000 = الأسود.
- #FF0000 = الأحمر.

2. كود RGB (Red, Green, Blue)

يستخدم القيم الرقمية للتمثيل، حيث يتم تحديد شدة الألوان الأساسية: الأحمر والأخضر والأزرق.
الصيغة: rgb(R, G, B)
- R, G, B: أرقام من 0 إلى 255.
أمثلة:
- rgb(255, 255, 255) = الأبيض.
- rgb(0, 0, 0) = الأسود.
- rgb(255, 0, 0) = الأحمر.

3. كود RGBA (Red, Green, Blue, Alpha)

مشابه لـ RGB لكنه يضيف قناة شفافية (Alpha) للتحكم في مدى وضوح اللون.
الصيغة: rgba(R, G, B, A)
- A: الشفافية (0 = شفاف تمامًا، 1 = غير شفاف).
مثال:
- rgba(255, 0, 0, 0.5) = أحمر شبه شفاف.

4. HSL (Hue, Saturation, Lightness)

يُستخدم لتمثيل الألوان بطريقة أكثر سهولة للفهم البشري.
الصيغة: hsl(H, S%, L%)
- H: درجة اللون (0 إلى 360).
- S: التشبع (0% إلى 100%).
- L: الإضاءة (0% إلى 100%).
مثال:
- hsl(0, 100%, 50%) = أحمر نقي.
- hsl(0, 0%, 100%) = أبيض.

5. HSLA (Hue, Saturation, Lightness, Alpha)

يشبه HSL ولكنه يضيف قناة الشفافية.
الصيغة: hsla(H, S%, L%, A)
مثال:
- hsla(0, 100%, 50%, 0.5) = أحمر شبه شفاف.

6. اسم اللون (Color Name)

بعض الألوان يمكن تمثيلها بأسماء نصية مباشرة في HTML وCSS.
أمثلة:
- red = الأحمر.
- blue = الأزرق.
- green = الأخضر.

استخدامات

تصميم الواجهات: تُستخدم الأكواد لاختيار الألوان المناسبة للعناصر.
تحسين تجربة المستخدم: اختيار ألوان جذابة وسهلة القراءة.
التوافق مع معايير الوصول: استخدام ألوان ذات تباين عالٍ.