AbraCalc

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

حوّل قيم لون HSL (تدرج، تشبع، إضاءة) إلى RGB فورًا.

بواسطة · روجعت بواسطة AbraCalc Methodology Review · 2 مصادر

تضمين هذه الأداة في موقعك
الاستشهاد بهذه الأداة

APA

AbraCalc. (2026). محول لون HSL إلى RGB [Online calculator]. Retrieved from https://abracalc.com/ar/hsl-to-rgb/

BibTeX

@misc{abracalc-hsl-to-rgb, author = {AbraCalc}, title = {محول لون HSL إلى RGB}, year = {2026}, howpublished = {\url{https://abracalc.com/ar/hsl-to-rgb/}} }

هل أجابت هذه الأداة على سؤالك؟

كيفية استخدام هذه الأداة

  1. أدخل التدرج (0–360°) والتشبع (0–100%) والإضاءة (0–100%).
  2. تُخرج الأداة قيم الأحمر والأخضر والأزرق المكافئة (0–255).
  3. انسخ سلسلة rgb() إلى CSS أو اقرأ قيم R وG وB الفردية.

حوّل قيم HSL (التدرج والتشبع والإضاءة) مرة أخرى إلى RGB للاستخدام في الصور أو Canvas أو أي مكان يُطلب فيه RGB.

المعادلة

Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.

If s = 0, then R = G = B = round(l × 255) (achromatic).

Otherwise compute chroma anchors:
q = l < 0.5 ? l(1+s) : l + s − l×s
p = 2l − q

Then use the piecewise hue-to-RGB helper for each channel:
R = hue2rgb(p, q, h + 1/3)
G = hue2rgb(p, q, h)
B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.

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

كيف يعمل تحويل HSL إلى RGB؟
تحوّل الخوارزمية التشبع/الإضاءة إلى قيم وسيطة، ثم تُخطط زاوية التدرج إلى قنوات R وG وB منفصلة باستخدام دالة متعددة القطع.
ما هو hsl(120, 100%, 50%)؟
هذا هو الأخضر النقي: rgb(0, 255, 0).

المراجع والمصادر