محوّل سداسي عشري إلى HSL

تحويل قيمة اللون السداسي عشري إلى HSL (درجة اللون، والتشبع، والسطوع) مهمة شائعة في تطوير الويب وتصميم الرسوميات. تسمح هذه العملية بفهم أكثر سهولة للألوان وتسهل التعديلات بناءً على السطوع والتشبع.

الخلفية التاريخية

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

صيغة الحساب

لتحويل لون سداسي عشري إلى HSL، اتبع الخطوات التالية:

1. حول اللون السداسي عشري إلى مكوناته الأحمر (R) والأخضر (G) والأزرق (B) بالصيغة العشرية.
2. قم بتطبيع قيم RGB بقسمتها على 255 لتغيير النطاق من 0-255 إلى 0-1.
3. ابحث عن الحد الأدنى والحد الأقصى للقيم بين R و G و B.
4. احسب السطوع (L) كمتوسط القيم القصوى والدنيا.
5. احسب التشبع (S). إذا كانت القيم القصوى والدنيا متساوية، فإن التشبع هو 0. خلاف ذلك، استخدم صيغًا محددة بناءً على مستوى السطوع.
6. احسب درجة اللون (H). تعتمد الصيغة على أي من مكونات RGB هو القيمة القصوى وتشمل الفرق بين المكونين الآخرين.

مثال على الحساب

بالنسبة للون السداسي عشري #3498db (ظل من الأزرق):

1. R = 52، G = 152، B = 219 (بالصيغة العشرية).
2. R = 0.20، G = 0.60، B = 0.86 (طبيعية).
3. Max = 0.86، Min = 0.20.
4. L = (0.86 + 0.20) / 2 = 0.53.
5. S = (0.86 - 0.20) / (1 - |2 * 0.53 - 1|) = 0.65.
6. H = (0.60 - 0.20) / (0.86 - 0.20) = 2/3؛ تم تعديله لدرجة اللون الأزرق = 2/3 * 60 = 120 درجة.

تمثيل HSL تقريبًا هو HSL\(204, 70%, 53%\).

أهمية وسيناريوهات الاستخدام

يكون التحويل من Hex إلى HSL مفيدًا بشكل خاص في تصميم الويب وبرامج تحرير الرسومات، حيث يحتاج المصممون غالبًا إلى ضبط الألوان من حيث السطوع والتشبع لتحقيق التأثير المرئي المطلوب أو ضمان إمكانية الوصول وقابلية القراءة.

الأسئلة الشائعة

1. لماذا تحويل Hex إلى HSL؟

   • يمكن أن يجعل تحويل Hex إلى HSL من السهل إنشاء مخططات ألوان، حيث أن قيم HSL أكثر سهولة للتعديل للتظليل والتلوين وإنشاء لوحات ألوان متناسقة.

2. هل يمكنني تحويل HSL مرة أخرى إلى Hex؟

   • نعم، يمكن عكس العملية عن طريق تحويل قيم HSL مرة أخرى إلى RGB ثم إلى Hex.

3. هل هناك فرق في جودة اللون بين Hex و HSL؟

   • لا، كلا التنسيقين يمكن أن يمثلا نفس الألوان. يكمن الاختلاف في كيفية التعبير عن قيم اللون وتعديلها.

يُسهل هذا المحوّل عملية ترجمة رموز الألوان السداسية العشرية إلى نظيراتها HSL، مما يسهل على المصممين والمطورين العمل مع الألوان بطريقة أكثر سهولة.