🎨 עיצוב ויצירתיות

ממיר צבעים — HEX, RGB, HSL, OKLCH וניגודיות

המירו כל צבע בין HEX, RGB, HSL, HWB, OKLCH ו-LCH. כולל בודק ניגודיות WCAG 2.2 מול כל רקע או צבע חזית חלופי.

קלט צבע (כל פורמט) מקבל hex, rgb, hsl, hwb, oklch, lch ושמות צבע של CSS.

דוגמית צבע

פורמט	ערך

בודק ניגודיות WCAG

חזית

רקע

יחס ניגודיות

—

טקסט גוף 16 px
טקסט גדול 24 px

—

איך החישוב עובד

sRGB ← לינארי דרך עקומת הגמא הסטנדרטית, ואז ל-OKLab באמצעות המטריצה של Björn Ottosson, ואז ל-OKLCH לפי קואורדינטות קוטביות. HSL/HWB משתמשים בנוסחאות הסטנדרטיות של CSS Color Module 4.

ניגודיות לפי WCAG 2.2: יחס = (L1 + 0.05) / (L2 + 0.05) תוך שימוש בבהירות יחסית מהסכום המשוקלל של sRGB←לינארי (0.2126 R + 0.7152 G + 0.0722 B). AA = 4.5, AAA = 7 לטקסט רגיל; 3 ו-4.5 לטקסט גדול (18pt / 14pt מודגש).

ידוע גם בשם

color converter oklchhex to hslwcag contrast checkerrgb to hex

ממיר צבעים — HEX, RGB, HSL, OKLCH וניגודיות

בודק ניגודיות WCAG

ידוע גם בשם

כלים קשורים