فهم نموذج ألوان RGB

مقدمة

في العالم الرقمي، اللون موجود في كل مكان. من الصور التي تشاهدها على Instagram إلى النص الذي تقرأه الآن، يلعب اللون دورًا حيويًا في تجربتنا الرقمية. ولكن هل تساءلت يومًا كيف تعرض شاشتك هذه الملايين من الألوان؟ الجواب يكمن في نموذج ألوان RGB.

ما هو RGB؟

RGB يرمز إلى Red (أحمر)، Green (أخضر)، و Blue (أزرق). هو نموذج لون إضافي، مما يعني أنه ينشئ الألوان عن طريق إضافة الضوء معًا. هذا يختلف عن الطريقة التي نمزج بها الطلاء، وهي عملية طرحية.

في نموذج RGB:

• أحمر
• أخضر
• أزرق

هي الألوان الأساسية للضوء. من خلال الجمع بين هذه الألوان الثلاثة بكثافات مختلفة، يمكننا إعادة إنتاج مجموعة واسعة من الألوان.

كيف يعمل

تخيل أنك في غرفة مظلمة مع ثلاثة مصابيح كاشفة: واحد أحمر، وواحد أخضر، وواحد أزرق.

• إذا قمت بتشغيل الضوء الأحمر، سيبدو الجدار أحمر.
• إذا أضفت الضوء الأخضر، تتحول المنطقة المتداخلة إلى أصفر.
• إذا أضفت الضوء الأزرق إلى الأحمر، تتحول المنطقة المتداخلة إلى أرجواني.
• إذا قمت بمزج الأخضر و الأزرق، تحصل على سماوي.
• إذا قمت بتشغيل جميع الأضواء الثلاثة بكامل كثافتها، يصبح المركز الذي تتداخل فيه جميعها أبيض.

لهذا السبب يسمى "إضافي" — تبدأ بالأسود (بدون ضوء) وتضيف الضوء لإنشاء اللون.

المقياس من 0 إلى 255

في الحوسبة الرقمية، يتم عادةً تخزين كل لون من الألوان الثلاثة (أحمر، أخضر، أزرق) كعدد صحيح 8 بت، مما يمنحه نطاقًا من القيم الممكنة من 0 إلى 255.

• 0 يعني لا ضوء (ظلام).
• 255 يعني أقصى كثافة.

لذا، يتم تعريف اللون بواسطة ثلاثية من الأرقام مثل (R, G, B).

• أسود: (0, 0, 0) –
• أصفر: (255, 255, 0) – أحمر + أخضر
• سماوي: (0, 255, 255) – أخضر + أزرق
• أرجواني: (255, 0, 255) – أحمر + أزرق
• أبيض: (255, 255, 255) – أحمر + أخضر + أزرق

جرب تركيبات مختلفة أدناه.

RGB مقابل CMYK

ربما سمعت أيضًا عن CMYK (سماوي، أرجواني، أصفر، مفتاح/أسود). الفرق الرئيسي هو مكان استخدامها:

إذا صممت شيئًا بـ RGB وطبعته، فقد تبدو الألوان مختلفة لأن الشاشات تبعث الضوء، بينما يمتص الورق الضوء.

استخدام RGB في تصميم الويب

في تطوير وتصميم الويب، RGB هو وسيلة قياسية لتحديد الألوان. تراه كثيرًا في CSS:

/* صيغة RGB القياسية */
.my-element {
  background-color: rgb(255, 0, 0); /* أحمر */
  color: rgb(0, 0, 255); /* نص أزرق */
}

/* RGB مع ألفا (الشفافية) */
.transparent-box {
  background-color: rgba(0, 255, 0, 0.5); /* أخضر شبه شفاف */
}

رموز Hex

الرموز الست عشرية (مثل #FF5733) هي مجرد طريقة أخرى لتمثيل قيم RGB.

• الرقمين الأولين يمثلان الأحمر (FF = 255).
• الرقمين التاليين يمثلان الأخضر (57 = 87).
• الرقمين الأخيرين يمثلان الأزرق (33 = 51).

الخاتمة

نموذج ألوان RGB هو أساس الألوان الرقمية. فهم كيفية اختلاط الضوء الأحمر والأخضر والأزرق لإنشاء الطيف يساعد المصممين والمطورين على إنشاء واجهات مذهلة بصريًا. في المرة القادمة التي تنظر فيها إلى شاشة، تذكر: الأمر كله مجرد مزيج من ثلاثة أضواء بسيطة!