دليل المطور لفهم صيغ الألوان الحديثة
إذا كنت مطورا أو مصمما فلابد أنك صادفت صيغا مختلفة لتعريف الألوان مثل:
RGB, RGBA, HSL, HEX…
RGB, RGBA, HSL, HEX…
لكن ما الفرق بين هذه الصيغ؟ ومتى نستخدم كل واحدة؟
هناك خمس طرق رئيسية لتعريف الألوان:
نموذج RGB:
وهي قيمة اللون بدلالة الأحمر
(Red) والأخضر (Green) والأزرق (Blue)... مبني على كيفية إدراك العين البشرية للألوان.
بحيث قيمة كل لون بين 0 و 255 (شدة اللون)
مثال: قيمة اللون الأحمر rgb(255, 0, 0).
نموذج RGBA:
هي امتداد لـ RGB لكن تضيف Alpha (A) التي تعبّر عن الشفافية أو درجة العتامة بين 0 و 1.
تكتب بنفس الصيغة مع استخدام rgba.
مثال: rgba(255, 0, 0, 0.8)
نموذج HSL:
نموذج HSL يعرّف اللون من خلال:
1- درجة اللون (Hue)
تخيل معي دائرة فيها كامل الألوان كما في الصورة المرفقة بالأسفل