ما هي حاسبة نسبة التباين اللوني؟
تحسب هذه الأداة نسبة التباين بين لون النص (الأمامي) ولون الخلفية باستخدام الصيغة الرسمية المعتمدة في معايير WCAG 2.x. وتُعدّ نسبة التباين مقياسًا أساسيًا لإمكانية الوصول، إذ تكشف ما إذا كان النص واضحًا وقابلًا للقراءة لدى الأشخاص ذوي ضعف البصر أو اضطرابات تمييز الألوان. تتراوح القيم بين 1:1 (لونان متطابقان ونص غير مرئي) و21:1 (أسود خالص فوق أبيض خالص).
طريقة الاستخدام
أدخل قيم الأحمر والأخضر والأزرق (من 0 إلى 255) لكل من لون النص الأمامي ولون الخلفية. تقوم الحاسبة بتحويل كل قناة لونية إلى صيغتها الخطية، ثم تحسب اللمعان النسبي للونين، وتقسم اللون الأفتح على الأغمق بعد إضافة ثابت الإضاءة المحيطة البالغ 0.05. وأخيرًا تُظهر لك ما إذا كان الزوج اللوني يحقّق متطلبات WCAG بمستويي AA وAAA للنص العادي والنص الكبير.
شرح الصيغة
تُحسب نسبة التباين بالعلاقة \((L_1 + 0.05) / (L_2 + 0.05)\)، حيث \(L_1\) هو اللمعان النسبي للون الأفتح و\(L_2\) للون الأغمق. ويُحسب اللمعان النسبي بتحجيم كل قناة لونية أولًا إلى نطاق 0–1، ثم تطبيق تحويل جاما: إذا كانت القيمة المُحجَّمة \(\le 0.03928\) تُقسم على 12.92، وإلا تُرفع وفق \(\left((c+0.055)/1.055\right)^{2.4}\). وتُجمع القنوات الخطية بالعلاقة \(0.2126\cdot R + 0.7152\cdot G + 0.0722\cdot B\)، وهي توزيع يعكس حساسية العين الأعلى تجاه اللون الأخضر.
$$\text{Contrast} = \frac{L_1 + 0.05}{L_2 + 0.05}$$$$\text{where}\quad \left\{ \begin{aligned} L_1 &= \max(L_{fg},\, L_{bg}) \\ L_2 &= \min(L_{fg},\, L_{bg}) \\ L &= 0.2126\,R_{\ell} + 0.7152\,G_{\ell} + 0.0722\,B_{\ell} \\ C_{\ell} &= \begin{cases} \dfrac{C/255}{12.92} & C/255 \le 0.03928 \\[0.6em] \left(\dfrac{C/255 + 0.055}{1.055}\right)^{2.4} & \text{otherwise} \end{cases} \end{aligned} \right.$$
مثال محلول
نص أسود (0,0,0) فوق خلفية بيضاء (255,255,255): لمعان الأسود = 0، ولمعان الأبيض = 1. النسبة = $$(1 + 0.05) / (0 + 0.05) = 1.05 / 0.05 = \textbf{21:1}$$ — وهي أعلى نسبة تباين ممكنة، وتتجاوز بسهولة جميع مستويات WCAG.
الأسئلة الشائعة
ما النسبة التي أحتاجها؟ يتطلب مستوى WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير (≥ 18 نقطة، أو 14 نقطة عريضة). أما مستوى AAA فيتطلب 7:1 و4.5:1 على التوالي.
هل يهم ترتيب اللونين؟ لا — تقسم الصيغة دائمًا اللمعان الأفتح على الأغمق، لذا فإن تبديل لون النص ولون الخلفية يعطي النسبة نفسها.
لماذا تُضاف القيمة 0.05؟ يحاكي هذا الثابت وهج الشاشة المحيط، بحيث يُنتج حتى الأسود الخالص فوق الأسود الخالص قيمة محدّدة وغير لا نهائية.
