أداة تصميم مجانية • تباين الألوان وفق معايير WCAG

أداة التحقق من تباين الألوان

تحقَّق من سهولة قراءة النص، وقارن مستويات التباين وفق معايير WCAG، وعاين ألوانك بشكل فوري.

جرب زوجاً من الألوان:

معاينة مباشرة

شاهد كيف تتناغم ألوان النص والخلفية معاً.

معاينة

Clear colors make every message easier to read.

A clear, confident heading

نص رابط نموذجي
نسبة التباين14.68:1
تباين ممتاز

تتم مقارنة درجاتك بمتطلبات التباين الخاصة بمعيار WCAG 2.2.

AaAA · نص عادي
النسبة المطلوبة 4.5:1
AaAA · نص كبير
مطلوب بنسبة 3:1
AaAAA · نص عادي
7:1 مطلوب
AaAAA · نص كبير
النسبة المطلوبة 4.5:1

يُقصد بالنص الكبير ذلك الذي يبلغ حجمه 18 نقطة (بنمط عادي) أو 14 نقطة (بنمط عريض) على الأقل. يجري حساب التباين محلياً داخل متصفحك، ولا يتم أبداً رفع ألوانك.