محول الألوان
أدخل رمز لون hex لرؤية ما يعادله بصيغتي RGB وHSL مع قيم قنوات الأحمر والأخضر والأزرق الفردية.
كيفية استخدام محول الألوان هذا
- أدخل رمز اللون السداسي (Hex)
اكتب رمزاً سداسياً مكوناً من 6 أرقام في حقل رمز اللون السداسي (مثلاً FF6B35 أو 00FF88). لا تدرج رمز #.
- اقرأ قيم RGB
تظهر نتائج قنوات الأحمر (Red) والأخضر (Green) والأزرق (Blue) القيم من 0 إلى 255 لكل مكون.
- تحقق من مخرجات HSL
راجع نتيجة HSL لدرجة اللون (0-360 درجة)، والتشبع، والإضاءة — وهي مفيدة لتعديلات الألوان.
كيف يعمل محول الألوان هذا
تقوم هذه الأداة بتحويل رمز اللون السداسي عشري إلى تمثيلات RGB (أحمر، أخضر، أزرق) وHSL (الصبغة، التشبع، الإضاءة). يرتبط كل زوج سداسي عشري بقيمة قناة 8 بت (0–255)، ويستخدم تحويل HSL رياضيات مساحة الألوان القياسية.
R = hex[0:2] → عشري؛ G = hex[2:4] → عشري؛ B = hex[4:6] → عشري Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — أسود خالص.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — أبيض خالص. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — رمادي متوسط.
- ✓ المدخل هو رمز لون سداسي عشري (Hex) صالح مكون من 6 أرقام.
- ✓ قناة ألفا (Alpha) غير مدعومة في هذا الإصدار.
- يتطلب تحويل CMYK ملف تعريف ألوان وهو غير مدرج هنا.
فهم نماذج الألوان
تُعد HEX وRGB وHSL طرقاً مختلفة لوصف اللون نفسه. يقوم HEX بتشفير RGB كسلسلة سداسية عشرية مكونة من 6 أرقام: كل زوج من الأحرف يمثل قناة واحدة بدقة 8 بت (0-255). يعبر RGB عن نفس القيم كأرقام ثلاثة، وهي الألوان الأساسية المضافة التي تبثها الشاشات. أما HSL (درجة اللون، التشبع، الإضاءة) فهو نموذج أسطواني: درجة اللون هي الزاوية على عجلة الألوان (0 درجة للأحمر، 120 درجة للأخضر، 240 درجة للأزرق)، والتشبع هو كثافة اللون، والإضاءة هي السطوع. غالباً ما يفضل المصممون HSL عند ضبط الألوان برمجياً — حيث يؤدي تغيير الإضاءة وحده إلى التعتيم أو التفتيح دون تغيير درجة اللون، كما يؤدي تعديل التشبع إلى ضبط حيوية اللون.
حالات استخدام تحويل الألوان للمطورين
يقوم المطورون بتحويل الألوان عند بناء أنظمة التصميم، وتطبيق السمات، وإنشاء لوحات الألوان، وتصحيح أخطاء CSS. غالباً ما تخزن رموز التصميم (Design tokens) الألوان بتنسيق hex؛ ويسمح التحويل إلى RGB أو HSL بإجراء حسابات وقت التشغيل مثل تراكبات الشفافية أو فحوصات التباين لسهولة الوصول. قد تحتاج أدوات تبديل السمات إلى اشتقاق متغيرات أفتح أو أغمق من لون أساسي باستخدام HSL. تقوم أدوات إمكانية الوصول المؤتمتة بتحويل الألوان لحساب نسب السطوع والتباين. عند تصحيح أخطاء التخطيط أو السمات، يساعد عرض قيمة hex كـ RGB أو HSL في تحديد القناة غير الصحيحة. يُستخدم تحويل الألوان أيضاً في تصور البيانات، ومكتبات الرسوم البيانية، وتنسيق واجهة المستخدم الديناميكية.
الأسئلة الشائعة
هل يمكنني إدخال رمز Hex مكون من 3 أرقام؟
تتطلب هذه الأداة حالياً رمزاً مكوناً من 6 أرقام. بالنسبة للاختصارات المكونة من 3 أرقام مثل F60، قم بتوسيعها إلى FF6600 أولاً.
ما هو HSL؟
يرمز HSL إلى تدرج اللون (Hue)، والتشبع (Saturation)، والإضاءة (Lightness). وهي طريقة بديلة لوصف الألوان يجدها بعض المصممين أكثر سهولة من RGB.