آخر تحديث: 2026-06-23

تحويل الألوان (HEX، RGB، HSL)

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

ثلاث طرق لكتابة لون واحد

تُعرِّف صيغة RGB اللونَ بمقدار ضوء الأحمر والأخضر والأزرق الذي يُمزجه، وكل قناة عدد صحيح من 0 إلى 255. HEX هي القنوات الثلاث ذاتها مكتوبةً بالنظام الست عشري: رقمان ست عشريان لكل قناة، مجتمعةً في رمز سداسي مثل #3B82F6. لأن كلتا الصيغتين تخزِّن البتات الثمانية نفسها لكل قناة، يكون التحويل بينهما دقيقاً — لا تُكتسب معلومات ولا تُفقد.

تُعالج HSL الأمر من منظور مختلف. بدلاً من خلط الألوان الأساسية، تُسمِّي اللونَ بـ تدرجه (زاوية من 0 إلى 360 درجة على دائرة الألوان) و تشبعه (من 0 إلى 100٪، من رمادي إلى حيوي) و إضاءته (من 0 إلى 100٪، من أسود عبر التدرج الصافي إلى أبيض). تتوافق HSL مع طريقة وصف البشر للألوان — "أزرق فاتح قليلاً وأقل تشبعاً" — ما يجعلها مريحة عند إجراء التعديلات.

آلية التحويل

فصل رمز HEX إلى قيم RGB عملية حسابية على الأرقام: يُقرأ كل زوج من الأرقام الست عشرية كعدد من 00 إلى FF، أي من 0 إلى 255. للتحويل من RGB إلى HSL تُحجَّم القنوات أولاً إلى النطاق الوحدوي، ثم تُشتق الإضاءة من منتصف أعلى قناة وأدناها، والتشبع من الفرق بينهما، والتدرج من القناة الأعلى قيمة.

مثال توضيحي

الرمز #3B82F6: الأزواج الثلاثة هي 3B و 82 و F6 — أي 59 و 130 و 246 — فيكون اللون rgb(59, 130, 246). تحجيم كل قناة إلى النطاق الوحدوي يُعطي تقريباً 0.231 و 0.510 و 0.965. القناة الأعلى هي الأزرق والأدنى هي الأحمر، فيكون:

مع تدرج لون يبلغ نحو 217 درجة، يصبح اللون hsl(217, 91%, 60%).

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