محول الألوان HEX وRGB وHSL

ثلاث صيغ لكتابة لون sRGB

HEX

صيغة سداسية مختصرة شائعة في CSS وHTML. تقبل الأداة #RGB و#RRGGBB مثل #FF5733.

RGB

قيم قنوات الأحمر والأخضر والأزرق من 0 إلى 255، مثل rgb(255, 87, 51).

HSL

درجة اللون من 0° إلى 360°، والتشبع والإضاءة من 0% إلى 100%. يتيح تعديل مكوّن واحد إنشاء درجات مختلفة.

أمثلة

• أحمر نقي: #FF0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%).
• أزرق ملكي: #4169E1 → rgb(65, 105, 225) → نحو hsl(225, 73%, 57%).
• أخضر فاتح: hsl(120, 80%, 70%) → #75F075 وrgb(117, 240, 117).

كيفية التحويل

1. من HEX إلى RGB: قسّم أزواج الأرقام السداسية للأحمر والأخضر والأزرق، ثم حوّل كل زوج إلى قيمة عشرية.
2. من RGB إلى HEX: حوّل كل قناة عشرية إلى رقمين سداسيين واجمعها بعد #.
3. بين RGB وHSL: تطبق الأداة حسابات القنوات ودرجة اللون القياسية؛ وتُقرّب قيم HSL المعروضة إلى أعداد صحيحة.

متى تستخدم كل صيغة

• HEX مختصر وشائع في CSS وHTML وأدوات التصميم.
• يعرض RGB قيم قنوات الأحمر والأخضر والأزرق مباشرة.
• قد يكون HSL مناسباً عند تعديل درجة اللون أو التشبع أو الإضاءة.

القيم المدعومة والحدود

• تقبل الأداة ألوان sRGB المعتمة بصيغة HEX قصيرة أو طويلة، وrgb() وhsl() المفصولتين بفواصل.
• لا تدعم شفافية alpha أو RGBA أو HSLA أو صياغة CSS الحديثة المفصولة بمسافات أو أسماء الألوان أو نطاقات الألوان الواسعة.
• تُقرّب مخرجات HSL إلى درجات ونسب مئوية صحيحة؛ وقد يعطي التحويل العكسي لوناً قريباً بدلاً من قيم القنوات الأصلية تماماً.
• يبقى اللون والنتيجة في المتصفح؛ ويتم تحميل الصفحة ورمزها من الموقع.

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