איך החישוב הזה עובד
מחשבון זה ממיר צבע בין ארבע מערכות ייצוג נפוצות. HEX משתמש בשש ספרות הקסדצימליות (00–FF לכל ערוץ) עם # בתחילה. RGB מגדיר אדום, ירוק וכחול מ-0 עד 255. HSL מתאר גוון במעלות (0–360), רוויה ובהירות באחוזים. CMYK הוא מודל ההדפסה הגורע עם ציאן, מגנטה, צהוב ושחור.
בודק הניגודיות מחשב את יחס הלומיננס היחסי בין שני צבעים לפי WCAG 2.1. יחס 4.5:1 עומד ב-AA לטקסט רגיל; 3:1 לטקסט גדול (≥18pt או ≥14pt מודגש). AAA דורש 7:1 לטקסט רגיל ו-4.5:1 לגדול.
טעויות נפוצות שכדאי להימנע מהן
- הנחה שצבעי מסך תואמים להדפסה. RGB/HEX הם מודלים חיבוריים (מסך). CMYK הוא גורע (דיו). ההמרה היא קירוב וצבעי הדפסה עשויים להיות שונים באופן ניכר.
- התעלמות מניגודיות נגישות. טקסט שנראה טוב עשוי להיות בלתי קריא לאנשים עם ראייה לקויה. בדקו תמיד את יחס הניגודיות כדי לעמוד לפחות ב-WCAG AA.
- בלבול בין HSL ל-HSV/HSB. HSL ו-HSV דומים אבל L (בהירות) ו-V/B (ערך/בהירות) מפיקים תוצאות שונות לאותם ערכים מספריים.
דוגמה מספרית
המרת הכחול של Google (#4285F4) לפורמטים אחרים.
HEX → RGB: 42 = 66, 85 = 133, F4 = 244 → RGB(66, 133, 244).
RGB → HSL: גוון ≈ 217°, רוויה ≈ 90%, בהירות ≈ 61%.
RGB → CMYK: C ≈ 73%, M ≈ 45%, Y ≈ 0%, K ≈ 4%.