هل نصك مقروء؟ إن لم يكن، فهذا أقرب لون يجعله مقروءًا.
نحو رجل من كل اثني عشر عنده ضعف في رؤية الألوان، وأغلبنا يقرأ الشاشة تحت الشمس في وقت ما. والتباين هو ما يبقي هذه الجملة مقروءة لهم جميعًا.
AA هو الحد المعتاد: 4.5 للنص العادي و3 للكبير. وAAA أشد: 7 و4.5. والنص الكبير 24px، أو نحو 18.5px بخط عريض.
كل لون نصًا على كل لون آخر. اضغط خانة لتحمّلها في الأعلى.
يطلب المستوى AA في WCAG 2.2 نسبة 4.5:1 على الأقل للنص العادي و3:1 للنص الكبير. ويطلب المستوى AAA نسبة 7:1 و4.5:1.
18 نقطة على الأقل، أو 14 نقطة بخط عريض. وبوحدات CSS هذا نحو 24px، أو نحو 18.5px بخط عريض.
يعمل في OKLCH، وهو فضاء ألوان صُمّم ليطابق ما تراه العين من سطوع. يبقي درجة اللون وحيويته، ويغيّر الإضاءة فقط، ويجرّب الأفتح والأغمق، ويختار ما يحتاج تغييرًا أقل. فيبقى البرتقالي برتقاليًا بدل أن يصير بنيًا باهتًا.
تنص WCAG على ألا تُقرَّب النسبة: 4.499:1 لا تحقق 4.5:1. لذا يُقرَّب الرقم إلى الأسفل، ولا تُظهر الأداة نجاحًا ليس نجاحًا.
نعم. الصق حتى 8 ألوان بصيغة hex أو rgb() أو hsl()، ويُظهر الجدول كل لون نصًا على كل لون آخر، مع نسبته ومستواه. واضغط خانة لتحمّل ذلك الزوج في الأعلى.
اللون الشفاف، مثل rgba(0,0,0,0.5)، يبدو مختلفًا على كل خلفية، فتكون أي نسبة واحدة خاطئة. استخدم اللون المعتم الذي تراه فعلًا.
لا. يُحسب التباين داخل هذه الصفحة في متصفحك، ولا يُرسل شيء من ألوانك إلى أي مكان.