Tiny Online Tools logoTiny Online Toolssearchابحث في الادوات…grid_viewكل الادوات
الرئيسيةchevron_rightادوات التصميمchevron_rightفاحص تقابل الألوانفاحص تقابل الألوان

فاحص تقابل الألوان

تحقق من نسب تقابل الألوان وفق معيار WCAG 2.1 لإمكانية الوصول.

#f8fafc#111827

Sample Heading Text

The quick brown fox jumps over the lazy dog. This is body text at 16px to demonstrate readability at normal size.

16.96:1
Contrast Ratio
نتائج WCAG 2.1
check_circle
AA Normal Text
Min 4.5:1 — Body text, UI components
ناجح
check_circle
AA Large Text
Min 3:1 — 18pt+ or 14pt+ bold
ناجح
check_circle
AAA Normal Text
Min 7:1 — Enhanced: body text
ناجح
check_circle
AAA Large Text
Min 4.5:1 — Enhanced: large text
ناجح

ادوات مشابهة

مولِّد لوحة الألوان

مولِّد لوحة الألوان

إنشاء لوحات ألوان متناسقة من لون أساسي واحد.

منشئ الألوان العشوائية

منشئ الألوان العشوائية

أنشئ لوحات ألوان عشوائية مع قواعد التناسق.

منتقي الألوان من الصورة

منتقي الألوان من الصورة

اختر رموز الألوان من أي صورة.

مولِّد ألوان Tailwind

مولِّد ألوان Tailwind

إنشاء تدرجات ألوان Tailwind CSS مخصصة من لون أساسي.

مولّد Slug

مولّد Slug

حوّل النص إلى روابط URL نظيفة مع فواصل مخصصة وخيارات حالة الأحرف.

طابع زمني محوّل

طابع زمني محوّل

حوّل Unix timestamps into human-readable dates.

تحويل BMP إلى PNG

تحويل BMP إلى PNG

حوّل صور BMP (ويندوز بيتماب) إلى PNG للحصول على ملفات أصغر وتوافق أفضل مع المتصفحات.

apps

المزيد من الادوات

تصفح مجموعتنا الكاملة من الادوات المجانية عبر الانترنت.

افحص التقابل قبل اعتماد الألوان في الإنتاج

قد تبدو لوحة الألوان جميلة لكنها لا تزال غير مناسبة من ناحية إمكانية الوصول. يساعدك هذا الفاحص على اختبار تركيبات لون النص والخلفية مقابل حدود تقابل WCAG حتى تكتشف المشكلة قبل أن تصل إلى نظام التصميم أو مكتبة المكونات أو المنتج النهائي.

ماذا تعني النتائج

تعرض الأداة نسبة التقابل وما إذا كان الزوج اللوني ينجح في مستويات WCAG الشائعة الخاصة بـ:

  • النص العادي وفق AA
  • النص الكبير وفق AA
  • النص العادي وفق AAA
  • النص الكبير وفق AAA

لماذا يهم ذلك عمليًا

يفيد فحص تقابل الألوان عندما تحتاج إلى:

  • التحقق من ألوان الهوية داخل المكونات
  • اختبار النص فوق الأزرار والبطاقات واللافتات
  • مراجعة إمكانية الوصول أثناء تسليم التصميم
  • تجنب التركيبات صعبة القراءة للمستخدمين ضعاف البصر

النجاح في النسبة ليس كل شيء

قد ينجح زوج لوني تقنيًا ومع ذلك يبقى مرهقًا عند الأحجام الصغيرة أو الأوزان الخفيفة. بعد التأكد من النسبة، من الجيد مراجعة المعاينة الحية بأحجام نص واقعية قبل اعتماد اللونين نهائيًا.