בודק ניגודיות צבעים

בודק את יחס הניגודיות לפי WCAG בין צבע הטקסט והרקע, כולל AA/AAA לטקסט רגיל וגדול.

צבעים
בודק את יחס הניגודיות לפי WCAG בין צבע הטקסט והרקע, כולל AA/AAA לטקסט רגיל וגדול.
תוצאות
צבעים שקופים מתמזגים עם לבן לצורך הניגודיות.
יחס ניגודיות
18.88:1
AA (רגיל): עברAA (גדול): עברAAA (רגיל): עברAAA (גדול): עבר
קדמי
#111111
רקע
#FFFFFF
Aa Bb Cc 123
תצוגה מקדימה
טקסט רגיל / טקסט גדול
טקסט רגיל

Aa Bb Cc 123

טקסט גדול

Aa Bb Cc 123

מהו ניגוד צבעים?

יחס הניגודיות מודד את ההבדל בלומיננס בין טקסט (קדמה) לרקע בסקאלה מ-1:1 (ללא ניגודיות) עד 21:1 (שחור על לבן).

הכלי ממיר צבעים ל-sRGB, מערבב שקיפות לפני ההשוואה ומשתמש בנוסחת הלומיננס היחסי של WCAG.

ספי WCAG

  • AA: ‏4.5:1 לטקסט רגיל, 3:1 לטקסט גדול.
  • AAA: ‏7:1 לטקסט רגיל, 4.5:1 לטקסט גדול.
  • טקסט גדול הוא 18pt+ רגיל או 14pt+ מודגש.
  • רכיבי UI, אייקונים וגרפיקה צריכים לשאוף לפחות ל-3:1.

יחסים גבוהים יותר משפרים קריאות, במיוחד עם גופנים דקים או גדלים קטנים.