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

كل الأدوات
مدقق تباين الألوان
تحقق من نسبة تباين WCAG بين لون النص والخلفية — اعرض درجات النجاح/الفشل AA/AAA للنص العادي والكبير ومكونات واجهة المستخدم، مع معاينة مباشرة واقتراحات ألوان يمكن الوصول إليها.
لون النص
درجة
لون الخلفية
درجة
نسبة التباين
--:1
نص عادي
نص الجسم أقل من 18px (أو أقل من 14px عريض)
AA AAA
نص كبير
18px+ عادي، أو 14px+ عريض
AA AAA
مكونات واجهة المستخدم
الأيقونات والحدود وعناصر النماذج والرسومات
AA AAA
معاينة مباشرة

الثعلب البني السريع

النص الكبير يُقرأ براحة عند كفاية التباين.

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

النص الصغير والتسميات التوضيحية هي الأصعب قراءةً — تحتاج أعلى تباين.
زر نموذجي زر نموذجي
اقتراح

كل شيء يُحسَب مباشرةً في متصفحك باستخدام صيغة luminance النسبية لـ WCAG 2.x — لا رفع، لا تسجيل، مجاني تماماً.

شارك هذا
أدوات ذات صلة
محاكي عمى الألوان

انظر إلى صورتك أو لوحتك كما يراها أصحاب عمى الأحمر أو الأخضر أو الأزرق أو العمى الكامل — يعمل كلياً في متصفحك، لا يُرفع شيء.
محوّل رموز الألوان

حوّل الألوان بين HEX وRGB وRGBA وHSL وHSLA وHSV — اختر لوناً وعدّل الشفافية وانسخ أي تنسيق فوراً.
مُصدِّر اللوحة

الصق أو استورد مجموعة ألوان وصدّرها فوراً إلى متغيرات CSS وSCSS وإعداد Tailwind وJSON أو عينات SVG — الخطوة الأخيرة لأي لوحة.
عمليات البحث الشائعة
فاحص تباين الألوان نسبة تباين WCAG فاحص تباين إمكانية الوصول فاحص تباين النص اختبار تباين AA AAA فحص تباين الألوان أونلاين

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.