RUV Calculatorمحوّل الألوانhttps://calc.ruvlabs.com/ar/c/color-converter

محوّل الألوان

HEX وRGB وHSL ونسبة التباين

HEX

RGB
HSL
التفاصيل
لون نص مقروء
نسبة التباين

#8B5CF6 يساوي rgb(139, 92, 246) وhsl(258, 90%, 66%).

ما هذا اللون بنظام RGB؟

#8B5CF6 يساوي rgb(139, 92, 246) وhsl(258, 90%, 66%).

مثال بالقيم الابتدائية. غيّر الحقول أعلاه لتحصل على أرقامك.

ثلاث طرق لوصف لون واحد

الصيغة السداسية عشرية تكتب الأحمر والأخضر والأزرق بخانتين سداسيتين عشريتين لكل منها. فالرمز 8B5CF6 يعني أن الأحمر 139 والأخضر 92 والأزرق 246، وهي قيم RGB نفسها بالضبط. والاختصار ذو الثلاث خانات يكرر كل خانة، فيصير F00 مطابقًا لـ FF0000.

أما HSL فيقسم اللون إلى صبغة وتشبّع وإضاءة. الصبغة زاوية على عجلة الألوان، فالدرجتان 0 و 360 هما الأحمر نفسه؛ والتشبّع بُعد عن الرمادي، والإضاءة موضع بين الأسود والأبيض. ولهذا يسهل استخدام HSL حين تريد نسخة أفتح من اللون نفسه.

نسبة التباين تقارن الإضاءة النسبية للونين وتمتد من 1:1 إلى 21:1. فتُصحَّح كل قناة بتصحيح غاما، وتُرجَّح بالأوزان 0.2126 و 0.7152 و 0.0722، ثم تُجمع؛ ويُضاف 0.05 إلى القيمتين الأفتح والأغمق قبل القسمة. والأخضر يحمل أكبر وزن لأن البصر البشري أشد حساسية له.

ما يُغفل عند اختيار الألوان

التركيبة التي تبدو جميلة على شاشة المصمم كثيرًا ما تكون غير مقروءة. فإرشادات الوصولية على الويب تطلب 4.5:1 لنص المتن و 3:1 للنص الكبير أو العريض من 18 نقطة فأكثر. والخط الرمادي الفاتح يبدو أنيقًا في التصميم الأولي ويرسب في تلك العتبة عادة.

الحكم على التباين بالسطوع وحده مضلل. فالأصفر على الأبيض لا تباين فيه تقريبًا لأن كليهما ساطع، والأزرق على الأسود لا تباين فيه تقريبًا لأن كليهما قاتم. فالتباعد على عجلة الألوان لا يصنع تباينًا؛ الفرق في الإضاءة هو ما يصنعه.

ترميز المعلومة باللون وحده يقصي القراء المصابين بعمى الألوان. فالأحمر والأخضر اللذان يدلان على ارتفاع وهبوط يحتاجان إلى سهم أو إشارة بجانبهما، والعُرف نفسه يختلف: أسواق الولايات المتحدة وأوروبا تُظهر الارتفاع بالأخضر، بينما تُظهره كوريا واليابان والصين بالأحمر.

أسئلة شائعة

لماذا تُعرض نسبة التباين؟

لتعرف هل سيكون النص الأبيض أم الأسود مقروءا على تلك الخلفية. ويطلب معيار WCAG نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. والتباين المنخفض لا يرهق ضعاف البصر وحدهم بل كل من يقرأ في ضوء الشمس.

متى يكون نظام HSL مفيدا؟

لأن الصبغة والتشبع والإضاءة موزعة كما يفكر الناس في الألوان فعلا. فلتفتيح لون ترفع الإضاءة وحدها، بينما يتطلب نظام RGB إعادة حساب القنوات الثلاث. وهو مريح بوجه خاص عند بناء تدرجات لونية في نظام تصميم.

كيف يختلف الست عشري ذو الثلاث خانات؟

هو اختصار تُضاعف فيه كل خانة: فـ #F80 تعني #FF8800. ولا يعمل إلا حين تتطابق خانتا كل قناة، فيقتصر على 4,096 لونا.

يجري الحساب داخل هذا المتصفح. تحقّق مما أدخلته قبل الاعتماد على النتيجة.