باختصار
- درجة اللون هي موضع اللون على العجلة، زاوية من 0° إلى 360°: الأحمر عند 0°، والأخضر قرابة 120°، والأزرق قرابة 240°، ثم عودة إلى الأحمر.
- التشبّع هو مقدار حضور تلك الدرجة، من 0 بالمئة (رمادي) إلى 100 بالمئة (اللون الصافي). والسطوع هو مدى فتوح اللون، من 0 بالمئة (أسود) إلى 100 بالمئة.
- ولأن درجة اللون دائرة، فأبعد مسافة ممكنة بين درجتين هي 180° — على جانبين متقابلين من العجلة. وأي خطأ أكبر من ذلك هو في الحقيقة أصغر إذا قيس من الاتجاه الآخر.
- HSB لاختيار الألوان ووصفها بالعين؛ وRGB هو الطريقة التي تصنعها بها الشاشات؛ وLab لقياس مدى اختلاف لونين في المظهر. وكل منها يجيب عن سؤال مختلف.
- إعادة بناء لون بثلاثة أشرطة منفصلة تكشف أيّ الأحكام الثلاثة أخطأ. أما الاختيار من عيّنات فلا يستطيع ذلك.
ثلاثة أرقام، وثلاثة أسئلة
خذ لونًا — أخضر مزرقًّا خافتًا مثلًا. إذا طُلب منك وصفه، فلن تلجأ إلى مقدار الضوء الأحمر والأخضر والأزرق فيه، مع أن هذا ما تفعله الشاشة. ستقول إنه أزرق مخضرّ، ليس قويًا جدًا، وغامق نوعًا ما. هذا هو HSB: درجة اللون والتشبّع والسطوع، بالترتيب الذي يفكر به الإنسان فعلًا. وقد اقترح هذا النموذج Alvy Ray Smith في أواخر السبعينيات تحديدًا ليتمكن الناس من اختيار الألوان بطريقة تطابق ما يرونه. ويُسمى أيضًا HSV، حيث V هي القيمة (value)؛ والنموذجان واحد.
| البُعد | السؤال الذي يجيب عنه | النطاق | الطرفان |
|---|---|---|---|
| درجة اللون | أيّ لون هو؟ | 0°–360° | الأحمر عند 0°، مرورًا بالأصفر والأخضر والسماوي والأزرق والأرجواني، ثم عودة إلى الأحمر |
| التشبّع | كم من ذلك اللون فيه؟ | 0–100% | 0% رمادي بلا أي درجة لون؛ و100% أصفى صورة لتلك الدرجة |
| السطوع | ما مدى فتوحه؟ | 0–100% | 0% أسود مهما كان البعدان الآخران؛ و100% أفتح ما يمكن أن تكون عليه الدرجة |
درجة اللون زاوية، وهذا مهم
تُرتَّب درجة اللون على دائرة لأن الطيف، الذي يمتد من الأحمر إلى البنفسجي في خط، يلتقي طرفاه عبر درجات الأرجواني التي لا وجود لها في قوس قزح: يقع الأرجواني بين البنفسجي والأحمر ويغلق الحلقة. ولذلك تُقاس درجة اللون زاويةً. الأحمر 0°، والأصفر قرابة 60°، والأخضر قرابة 120°، والسماوي قرابة 180°، والأزرق قرابة 240°، والأرجواني قرابة 300°، وعند 360° يعود الأحمر.
وللدائرة نتيجة لا يملكها الخط: هناك أكبر مسافة ممكنة، وتقع عند منتصف الدورة. لا يمكن أن تبعد درجتان عن بعضهما أكثر من 180°. فتخمين 350° لهدف عند 10° ليس خطأً بمقدار 340°؛ بل بمقدار 20° عبر أعلى العجلة. وأي قياس صادق لدرجة اللون ينبغي أن يقيس بالطريق الأقصر، وأسوأ خطأ ممكن في درجة اللون هو المتمم — الدرجة المقابلة له تمامًا. ولهذا يوحّد Percore خطأ درجة اللون على 180°: فهذا هو المدى من التطابق التام إلى أسوأ خطأ ممكن.
التشبّع والسطوع
التشبّع هو مقدار درجة اللون في اللون. وعند تشبّع صفر تنهار كل الدرجات إلى الرمادي نفسه، ولهذا يصعب فعلًا تسمية درجة لون باهت جدًا أو ترابي جدًا — فليس فيه من الدرجة ما يُرى تقريبًا. وعند التشبّع الكامل يكون اللون في أقصى حيويته التي تسمح بها الدرجة. أما السطوع فهو ببساطة مدى فتوح اللون؛ وعند سطوع صفر يكون كل شيء أسود، مهما قالت درجة اللون والتشبّع.
ويتفاعل الاثنان بطريقة تُربك الناس. فقد يبدو أحمر غامق مشبَع وأحمر فاتح قليل التشبّع لونين مختلفين تمامًا، مع أنهما يشتركان في درجة اللون. وفي الممارسة، يميل من يتذكر لونًا إلى إصابة درجة اللون تقريبًا والمبالغة في التشبّع — فاللون المتذكَّر أكثر حيوية من الحقيقي — وتذهب أخطاء السطوع في الاتجاهين بحسب الضوء المحيط. وهذه هي الأنماط التي ينبغي البحث عنها في درجة لكل بُعد.
HSB إلى جانب النماذج الأخرى
HSB واحد من عدة طرق لوصف اللون نفسه، ولكل منها سبب. واختيار الخاطئ منها لمهمة ما مصدر شائع للالتباس، وهذا ما يصلح له كل منها.
| النموذج | ما هو | الأنسب لـ |
|---|---|---|
| HSB / HSV | درجة اللون زاوية، والتشبّع والسطوع نسبتان مئويتان. السطوع 100% هو أصفى وأفتح صورة لتلك الدرجة. | اختيار الألوان ووصفها بالعين؛ أدوات انتقاء الألوان؛ تشخيص خطأ ذاكرة اللون |
| HSL | درجة اللون نفسها؛ والإضاءة (lightness) بدل السطوع، حيث 100% إضاءة أبيض دائمًا و50% هي الدرجة الصافية. | CSS وتصميم الويب، حيث تفتيح لون نحو الأبيض عملية شائعة |
| RGB | كم من الضوء الأحمر والأخضر والأزرق، كلٌّ من 0 إلى 255. ما تفعله الشاشة فيزيائيًا. | الشيفرة وصيغ الملفات وكل ما يجب أن يعرضه جهاز؛ يصعب التفكير فيه بالعين |
| CIELAB (Lab) | الإضاءة مع محورين متضادين (أخضر–أحمر، أزرق–أصفر)، بُني بحيث تبدو المسافات المتساوية مختلفة بالقدر نفسه. | قياس الفرق بين لونين (Delta E)؛ والطباعة وإدارة الألوان |
طريقة مفيدة لتذكّر ذلك: RGB للآلة، وHSB وHSL للإنسان، وLab للقياس. فأدوات إدراك الألوان التي تقيس بـ Delta E تقيس في Lab؛ والتي تعطيك ثلاثة أشرطة تتيح لك أن تجيب في HSB. وكلاهما مشروع، ويخبرانك بأشياء مختلفة.
لماذا تخبرك ثلاثة أشرطة أكثر من عيّنة
إذا عُرض عليك لون ثم اختفى، واخترت أقرب ست عيّنات، فالنتيجة معلومة واحدة: صواب أو خطأ، مع مسافة. أما إذا أعدت بناء اللون من ثلاثة أدوات تحكم منفصلة، فالنتيجة ثلاثة أرقام — كم أخطأت في درجة اللون، وفي التشبّع، وفي السطوع — وهذه الأرقام الثلاثة تشخيص. ومن يكون خطؤه في درجة اللون صغيرًا وخطؤه في التشبّع كبيرًا كل يوم قد تعلّم شيئًا عن كيفية رؤيته، ويستطيع أن يصحح له.
وهذا هو المنطق وراء جلسة اللون في Percore، التي تملأ الشاشة بلون، وتخفيه، وتطلبه منك من جديد على أشرطة درجة اللون والتشبّع والسطوع. يُوحَّد كل خطأ — درجة اللون على 180°، والآخران على مداهما الكامل — ويُؤخذ متوسط الثلاثة دقةً من 0 إلى 100؛ ويُعرض التفصيل بجانبها. والصيغة الكاملة في كيف يقيس Percore، ويحوّل كيف تحسّن إدراك الألوان التفصيل إلى ممارسة.
أعِد بناء لون بثلاثة أشرطة.
نزّله من App Storeأسئلة شائعة
هل HSB وHSV الشيء نفسه؟
نعم. V تعني value (القيمة)، وB تعني brightness (السطوع)، وكلتاهما تشيران إلى النموذج نفسه. تستخدم البرامج المختلفة أسماء مختلفة؛ تقول أدوات Apple وAdobe HSB، وتقول أدوات كثيرة أخرى HSV.
ما الفرق بين HSB وHSL؟
يشتركان في درجة اللون. في HSB يكون السطوع 100 بالمئة أصفى وأفتح صورة للدرجة؛ وفي HSL تكون الإضاءة 100 بالمئة أبيض وتقع الدرجة الصافية عند 50 بالمئة. HSL شائع في CSS؛ وHSB في أدوات التصميم.
لماذا الأحمر عند 0° على عجلة الألوان؟
بالاصطلاح. فالعجلة لا بد أن تبدأ من مكان ما، وقد اختير الأحمر حين عُرِّف النموذج؛ وترتيب الأحمر والأصفر والأخضر والسماوي والأزرق والأرجواني يتبع الطيف مع إغلاق الأرجواني للحلقة.
ما أكبر خطأ ممكن في درجة اللون؟
180°، أي الدرجة المقابلة تمامًا على العجلة — متمم اللون. وأي خطأ ظاهر أكبر من ذلك هو في الحقيقة أصغر إذا قيس من الاتجاه الآخر، ولهذا ينبغي دائمًا أخذ خطأ درجة اللون من الطريق الأقصر.
في أيّ الثلاثة يخطئ الناس أكثر؟
في الممارسة، التشبّع: يميل الناس إلى تذكّر اللون أكثر حيوية مما كان. أما درجة اللون فكثيرًا ما تكون قريبة، ويعتمد السطوع كثيرًا على الضوء المحيط. وتُظهر لك درجة لكل بُعد نمطك أنت.