ما هي رموز الالوان RGB، وكيف يتم بناءها في HTML؟


في البداية (RGB) اختصار للألوان الثلاثة:

Red, Green, Blue

الأحمر والأخضر والأزرق.

وتكتب بالطريقة التالية: (rgb(0,0,0

الصفر الأول يمثل اللون الأحمر

والثاني يمثل اللون الأخضر

والثالث للأزرق

أي أنك:

لو غيرت قيمة الصفر الأول فإنك تكون قد غيرت قيمة اللون الأحمر.

ولو غيرت قيمة الصفر الثاني فإنك تكون قد غيرت قيمة اللون الأخضر.

لو غيرت قيمة الصفر الثالث فإنك تكون قد غيرت قيمة اللون الأزرق.

دعني أوضح الأمر أكثر:

(rgb(0,0,0 هكذا تعطي اللون الأسود، لأن قيمة الثلاثة ألوان تساوي صفر.

(rgb(8,0,0 هكذا بعد أن غيرنا قيمة الرمز الخاص بالأحمر، فستجد أن اللون الأسود أصبح مائلاً إلى الأحمر قليلاً.

(rgb(24,0,0 هكذا ستجد اللون مائل إلى الأحمر أكثر.

..

أي أنه كلما زادت قيمته، يصبح اللون الأحمر يظهر بوضوح أكبر، (من الداكن إلى الفاتح)

لو جربنا مثلاً: (rgb(144,0,0 ، ستجد اللون الأحمر يظهر بوضوح أكبر، لأن قيمته أصبحت أعلى.

إلى أن يصبح (rgb(255,0,0 فيصل هكذا إلى أقصى وضوح للون الأحمر.

..

جرب الأمثلة السابقة على الأزرق والأخضر، ستجد نفس النتيجة.


ماذا لو وضعنا القيمتين أو الثلاثة قيم معا ؟

مثلا : (rgb(255,255,0

جرب هذا اللون، ستجد اللون الأصفر،

لأننا قمنا بخلط اللونين الأحمر (rgb(255,0,0 ، والأخضر (rgb(0,255,0

وناتج خلطهما يعطي اللون الأصفر (rgb(255,255,0

..

لو قمنا بحساب الإحتمالات الممكنة للألوان، سينتج لنا عدد هائل جداً!

...

الخلاصة:

يوجد ثلاثة قيم، كل قيمة تعبر عن لون، لكل قيمة عدد من 0 إلى 255، الحاسوب يقوم بخلط الثلاثة قيم معاً لينتج اللون المطلوب.


قمت للتو بطرح هذه الإجابة كموضوع في مجتمع " اشرحها وكأني في الخامسة" :

شرح مبسط ومفهوم تسلم اخي الكريم


برمجة

مجتمع للمبرمجين من جميع المستويات لتبادل المعرفة والخبرات. ناقش لغات البرمجة المختلفة، الحلول البرمجية، والمشاريع.

24.9 ألف متابع