فاحص تباين الألوان
أدخل لونين لرؤية نسبة تباين WCAG فورًا مع إرشادات AA وAAA.
أدخل ألوان المقدمة والخلفية بصيغة hex أو RGB لحساب نسبة تباين WCAG فورًا، وعرض نتائج AA/AAA، ومعاينة النص، واقتراحات تعديل اختيارية.
كيفية استخدام فاحص تباين الألوان
اكتب أو الصق لون المقدمة والخلفية. يُوحّد الإدخال الصالح إلى hex بأحرف كبيرة، ويُحسب تباين WCAG فورًا، وتُعرض النجاح/الرسوب لعتبات AA وAAA. استخدم اقتراح تصحيح أو شارك عبر الرابط أو أعد التعيين.
عتبات نسبة تباين WCAG
يتطلب WCAG 2.x 4.5:1 على الأقل للنص العادي (AA) و3:1 للنص الكبير (AA) و7:1 للنص العادي (AAA) و4.5:1 للنص الكبير (AAA). يعرض هذا الأداة النتائج الأربع دائمًا للمقارنة.
صيغ الألوان المدعومة
أدخل #RGB أو #RRGGBB أو rgb(r,g,b) أو r,g,b مفصولة بفواصل. القنوات أعداد صحيحة 0–255. الشفافية وhex الثماني وHSL/HSLA وأسماء CSS غير مدعومة في v1.
معنى النجاح والرسوب
النجاح يعني أن النسبة المحسوبة تلبي أو تتجاوز العتبة للمستوى. الرسوب يعني العكس. تُرفق تسميات وأيقونات مع اللون حتى تُفهم النتائج دون الاعتماد على اللون وحده.
الأسئلة الشائعة
لماذا لا يُدعم ألفا والتدرجات؟
الإصدار 1 يقيّم ألوان sRGB المعتمة فقط. مزج ألفا والتدرجات يحتاج قواعد تركيب لا يُنمذجها هذا الأداة بعد؛ لذا rgba() وhex الثماني وتحليل التدرجات خارج نطاق MVP.
كيف تُحسب نسبة التباين؟
يستخدم الفاحص صيغة الإضاءة النسبية WCAG لألوان sRGB المعتمة: تخطيط كل قناة، حساب الإضاءة، ثم (الأفتح + 0.05) / (الأغمق + 0.05). العرض بمنزلتين عشريتين؛ فحص العتبات بالقيمة الكاملة.
ماذا يفعل اقتراح تصحيح؟
ينقل اللون المحدد للمقدمة أو الخلفية بشكل حتمي على مسار السطوع نحو الأسود أو الأبيض حتى يلبي مستوى WCAG المختار، ويعيد أقرب hex متوافق والنسبة الناتجة عند توفرها.
هل يمكنني مشاركة زوج ألوان محدد؟
نعم. تُزامن قيم المقدمة والخلفية وحجم النص الصالحة في معاملات URL (مثل ?fg=000000&bg=FFFFFF&size=normal) للربط مباشرة بنتيجة.
هل تحفظ الصفحة ألواني؟
تُنفَّذ الحسابات بالكامل في متصفحك. قد يُحفظ آخر زوج ألوان صالح في localStorage على جهازك للراحة؛ استخدم إعادة التعيين لمسح الإدخال ومعاملات URL والحالة المحفوظة.