معاينة الخلفية والنص

اختبر ألوان النص والعناوين والأزرار والحدود على واجهة حية.

اختيار ألوان سهلة القراءة

يجب أن تبرز النصوص والعناوين والروابط بوضوح عن الخلفية. هذا رابط تجريبي.

عنوان بطاقة

نص داعم داخل بطاقة بحدود.

زر ثانوي
الزوجالنسبةAAAAA

  

عن معاينة الخلفية والنص

شاهد عناصر واجهة حقيقية — عناوين وفقرات وروابط وأزرار وحدود وبطاقات — بألوانك، مع نسبة التباين لكل زوج.

طريقة الاستخدام

  1. اضبط ألوان الخلفية والنص واللون المميز.
  2. اضبط اختيارياً ألوان العناوين والحدود ونص الأزرار.
  3. راجع المعاينة الحية وجدول التباين.
  4. انسخ كود CSS للتركيبة.

أمثلة

  • معاينة سمة داكنة قبل تنفيذها.
  • التحقق من صلاحية لون الهوية كخلفية لنص الأزرار.

الأسئلة الشائعة

ما النسب المعروضة؟
تباين WCAG 2.x لكل لون نص مع خلفيته.
هل يمكنني تبديل النص والخلفية؟
نعم، استخدم زر التبديل.
هل المعاينة متجاوبة؟
نعم، تتكيف مع الشاشات الصغيرة كصفحة حقيقية.

أدوات ذات صلة