בודק ניגודיות צבעים לפי WCAG
Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.
צפו בטקסט
כותרת גדולה (18pt קשוחה / 24pt רגילה)
זהו תצוגה מוקדמת של סגנון הטקסט הכותרת הגדול.
טקסט רגיל (למעלה מ 18pt)
לורם איפסום דולר יושב אמט, consectetur adipiscing elit.
יחס קונפליקט
WCAG 2.1 מצב התאימות
WCAG 2.1 הוראות
בקלות לבדוק את סטנדרטים של ניגוד כדי לבנות ממשקים נגישים המתאימים לפי סעיף 508, ADA, ו WCAG AA או AAA.
מנוע הצעות
התאמת צבעים באופן אוטומטי לאורך הקואורדינטים HSL כדי למצוא את האפשרויות הקרובות ביותר המתאימות לקריטריונים של יחס הפסד.
צד הלקוח המלא
מחשובים מתבצעים מקומי בתוך הקשר של הדפדפן שלך.אין צבעים, קבצים או קואורדינטים טלמטר מועברים לשרתים שלנו.
כלים צבעוניים הקשורים
צבע קונפליקט צ'קר
לחשב את שיעורי ההתנגדות של WCAG עבור צבעים הקדמיים והאחוריים ולהציג תוצאות בגודל טקסט נפוץ.
- כניסה
- שני צבעים CSS בתוקף וטקסט מראש אופציונלי.
- יצוא
- יחס ההפך עם מדדים WCAG AA ו- AAA עברו או נכשלו.
- הגבלות אמיתיות
- החישוב מכסה רק את הפונסטל של השקיעה; הוא אינו מאשר ממשק או חשבון עבור רדורי טקסט, תנועה, ריכוז, או לא צבע.
- פרטיות וטיפול בנתונים
- שני צבעים CSS בתוקף וטקסט מראש אופציונלי מעובדים בכרטיסייה זו.Converter אינו מקבל או מאוחסן אותו; סגירת או העלאת הדף מבהירה את מצב העבודה אלא אם כן הכלי מציעה באופן ספציפי הורדה מקומית.
כיצד להשתמש בכלי זה
- מספק שתי צבעים CSS בתוקף וטקסט מראש אופציונלי בקרת כלי.
- בחר את ההגדרות המשפיעות על יחס ההתנגדות עם WCAG AA ו- AAA עובר או אינדיקטורים נכשל, ולאחר מכן פועל את הכלים.
- בדוק יחס ההתנגדות עם WCAG AA ו- AAA עובר או נכשל אינדיקטורים לפני העתקה או הורדה.
שיטות נפוצות של כישלון
צבעים חסרי תוקף לא ניתן למדוד, ופרטיות ללא רקע מוצק יכול להפוך יחס חסר משמעות.
דוגמה שימושית
השוואת טקסט #1f2937 על #ffffff כדי לבדוק את היחס שלו לטקסט רגיל וגדול.