Slop Colors · مجانًا، في متصفحك

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

النص الرمادي على الأبيض يبدو أنيقًا، إلى أن يعجز أحد عن قراءته. اكتب اللونين، وسيعطيك Slop Colors نسبة WCAG، والمستويات التي تجتازها، وأقرب لون نص يجتازها.

افحص التباين

كيف تفعل ذلك

1. مرّر إلى "فحص التباين (WCAG 2)"، واكتب لون النص ولون الخلفية، بصيغة HEX أو RGB أو HSL أو OKLCH.
2. اقرأ النسبة والنتائج الخمس: AA وAAA للنص العادي، وAA وAAA للنص الكبير، وعناصر الواجهة والرسومات.
3. انظر إلى المعاينة: نص كبير وفقرة بلونيك.
4. إن فشل AA للنص العادي، فانقر على "إصلاح لون النص": يحتفظ لون النص بدرجته اللونية، ويصبح أفتح أو أغمق بالقدر الذي يجعله يجتاز الفحص.
5. انقر على "تبديل" لفحص اللونين بالعكس.

تبقى ملفاتك على هذا الجهاز: يعمل Slop Colors في متصفحك، دون رفع، ودون حساب، ودون علامة مائية.

أسئلة

ما النسب التي يطلبها WCAG؟

يطلب المستوى AA نسبة 4.5:1 للنص العادي، و3:1 للنص الكبير (24 px، أو 18.66 px بخط عريض)، وكذلك لعناصر الواجهة والرسومات. ويطلب المستوى AAA نسبتي 7:1 و4.5:1.

لماذا يظهر 4.47 وليس 4.48؟

تُقرَّب النسبة إلى الأسفل كما يعرضها فاحص WebAIM، فلا يُعرض زوج نسبته 4.499 على أنه يجتاز 4.5 أبدًا.

هل يمكن فحص لون من شاشتي؟

في Chrome وEdge، يلتقط "التقاط من الشاشة" أي بكسل على شاشتك. ثم استخدمه لونًا للنص أو للخلفية من اللوحة.

هل يُرفع أي شيء؟

لا. تُفحص الألوان بواسطة الصفحة في متصفحك، ولا يُرسل شيء إلى أي مكان.

المزيد مع Slop Colors

• التقط الألوان من صورة
• أنشئ لوحة ألوان من لون واحد
• حوّل HEX إلى RGB أو HSL أو OKLCH أو CMYK

تطبيقات ذات صلة

• PhotoSlop
  متاح
  Photoshop، أُعيد بناؤه للمتصفح.
• SlopVector
  متاح
  Illustrator، أُعيد بناؤه للمتصفح.
• SlopIsolate
  تجريبي
  أزل الخلفيات بالذكاء الاصطناعي الذي يعمل على جهازك.