محول الألوان من HSL إلى RGB

تُظهر قيم R وG وB في النتيجة شدة القنوات الحمراء والخضراء والزرقاء على مقياس من 0 إلى 255. يمكنك استخدام هذه القيم مباشرة في CSS بصيغة rgb(R, G, B) أو في برامج تحرير الصور.

أولًا تُحسب قيمة 'الصبغة اللونية' (C) من التشبع والإضاءة. تُعطى قنوات R وG وB قيمًا مؤقتة بناءً على القطاع الذي يقع فيه تدرج اللون من أصل ست قطاعات بزاوية 60 درجة، ثم تُضاف إزاحة الإضاءة (m) ويُحجَّم الناتج إلى نطاق 0-255.

• تُحوَّل قيم التشبع والإضاءة من نسبة مئوية إلى نطاق من 0 إلى 1.
• تُحسب قيمة 'الصبغة اللونية' (C) بشكل مستقل عن إزاحة الإضاءة (m).
• يُحدَّد القطاع من أصل ست قطاعات بزاوية 60 درجة الذي تقع فيه قيمة تدرج اللون.
• بناءً على هذا القطاع، تُعطى قنوات R وG وB قيمًا مؤقتة (مزيج من C وX و0).
• تُضاف إزاحة الإضاءة (m) ويُضرب الناتج في 255 للحصول على قيم R وG وB النهائية.

القيم H=210°، S=65%، L=45% (لون أزرق زاهٍ) تعادل تقريبًا R=40، G=115، B=189.

• أدخل تدرج اللون (H) بين 0 و360 درجة؛ تمثل 360 درجة نفس لون 0 درجة (الأحمر).
• أدخل التشبع والإضاءة كنسبة مئوية (0-100)؛ تعطي القيم العشرية نتيجة أكثر دقة.
• قد تخرج قيم RGB الناتجة كأعداد عشرية؛ قرّبها إلى أقرب عدد صحيح عند استخدامها على الشاشة أو في CSS.

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

يعتمد هذا التحويل على تحديد القطاع الذي تقع فيه قيمة تدرج اللون (H) من أصل ست قطاعات بزاوية 60 درجة على عجلة الألوان؛ حيث تنقسم العجلة إلى ستة قطاعات متساوية، ويهيمن في كل قطاع مزيج مختلف من قنوات الأحمر والأخضر والأزرق.

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

تعالج هذه الأداة قيم H وS وL التي تدخلها وفق خطوات التحويل القياسية لإنتاج قيم R وG وB جاهزة للاستخدام. يمكنك استخدام النتائج في دالة rgb() في CSS، أو في برامج تحرير الصور، أو في أي أداة أخرى قائمة على الألوان.

يُعد تحويل HSL إلى RGB مفيدًا بشكل خاص للمطورين الذين يحتاجون إلى نقل ألوان علامة تجارية معرّفة بصيغة HSL في نظام تصميم إلى أدوات خارجية — مثل محررات صور قديمة أو برامج طباعة — تتوقع إدخال RGB أو HEX.