איך ממירים צבע HEX ל-RGB ול-HSL?

הקלידו או הדביקו את הצבע ב-קלט צבע, למשל #14b8a6, או השתמשו בבוחר הצבעים. הכלי מציג ערכי HEX, rgb(), hsl(), hsv() ו-cmyk(), וכן oklch(), lab() ו-lch(), כל אחד עם כפתור העתק.

באילו פורמטי צבע אפשר להקליד?

HEX עם 3, 4, 6 או 8 ספרות, rgb() או rgba(), hsl() או hsla() בתחביר עם פסיקים או רווחים, ושלשות מספרים חשופות. אם הקלט לא מזוהה, הכלי מציג שגיאת פענוח.

אפשר להמיר צבעים עם שקיפות?

כן. השתמשו בבקרת שקיפות או הזינו ערך אלפא בקלט. הפלטים כוללים אז את ערוץ האלפא, כמו HEX בן 8 ספרות, rgba(), או אלפא עם לוכסן בתחביר מודרני.

האם ערכי CMYK מדויקים להדפסה?

לא, הם קירוב סטנדרטי מ-sRGB ל-CMYK, המוצג תחת להדפסה. לצבע הדפסה מדויק השתמשו בפרופיל הצבע של המדפסת או בקשו הדפסת מדגם, כי צבעי מסך בוהקים מודפסים לרוב עמומים יותר.

איך בודקים אם לצבע שלי יש מספיק ניגודיות לטקסט?

עיינו בקטע ניגודיות WCAG. הוא מציג את יחס הניגודיות של הצבע שלכם על לבן ועל שחור, מדורג AAA, AA, AA Large או Fail. סולם בהירות מציע גוונים בהירים או כהים יותר לנסות.

האם זה באמת בחינם?

כן. כל כלי הוא חינמי לשימוש, ללא צורך בחשבון או בכרטיס אשראי. העבודה מתבצעת במכשיר שלך ולא בשרתים שלנו, וזה מה שמאפשר להפעיל אותו בחינם.

האם זה עובד בנייד?

כן. זה פועל בדפדפנים ניידים עדכניים ב-iOS וב-Android, ללא התקנה.

🎨

ממיר צבעים בחינם

המר צבעים בין פורמטים HEX, RGB, HSL, HSV ו-CMYK באופן מיידי. כולל סולם בהירות ודוגמאות צבע מוכנות.

פועל בדפדפן שלךללא הרשמה, ללא חלונות קופציםללא צורך בכניסהחינם לנצח

פועל לא-מקוון לאחר טעינה

המר צבע בין HEX, RGB, HSL, HSV ו-CMYK — עם תצוגה חיה והעתק בלחיצה אחת. הכל פועל בדפדפן שלך.

קלט צבע

מקבל: HEX (#fff או #ffffff), RGB (255, 255, 255) או HSL (360, 100%, 50%)

אטימות100%

הגדרות מוכנות:

HEX#14B8A6

rgb() · ישןrgb(20, 184, 166)

rgb() · מודרניrgb(20 184 166)

hsl() · ישןhsl(173, 80%, 40%)

hsl() · מודרניhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

ערכי RGB20, 184, 166

ניגודיות WCAG

על רקע לבן

2.49:1

נכשל

על רקע שחור

8.44:1

AAA

🖨️ להדפסה: ערכי CMYK אלה (89%, 0%, 10%, 28%) הם קירוב סטנדרטי sRGB→CMYK לעיון. לצבע הדפסה מדויק, השתמש בפרופיל ICC של המדפסת שלך או בהוכחת הדפסה — CMYK של מסך לא יכול להתאים לכל דיו/נייר.

סולם בהירות

לחצו על דוגמית כדי לעבור לגוון זה

שימושים נפוצים

המר צבעים לעיצוב אתריםקבל ערכי HEX, RGB ו-HSL לכל צבע - מוכן להדביק ל-CSS או Tailwind.
המר צבעים להדפסה (CMYK)המר צבעי מסך (HEX/RGB) לערכי CMYK לשימוש בעיצוב הדפסה והדפסה מקצועית.
בנה לוחות צבעים למערכות עיצובהמר צבעי מותג בכל הפורמטים וצור סולמות בהירות עקביים עבור מערכת עיצוב שלמה.
בדוק ניגודיות צבע לנגישותהמר צבעים כדי להשיג ערכי RGB לשימוש בכלי יחס ניגודיות — תאימות WCAG לעיצוב נגיש.
המר צבעים ל- Figmaקבל את ערכי HEX ו- RGB המדויקים להדבקה לתוך בוחרי צבע Figma ומערכות אסימון עיצוב.

כיצד זה עובד

כל לוגיקת ההמרה היא JavaScript כתוב-יד שפועל כולו בדפדפן שלך — ללא ספרייה, ללא קריאה לשרת. הכלי מפענח את הקלט שלך, מנתב אותו דרך שרשרת פונקציות חשבון טהורות, ומפיק בו-זמנית אחת עשרה פורמטים פלט כולל מרחבי CSS Color 4 המודרניים oklch() ו-lab().

1
פענוח קלט גמיש
מפענח מותאם אישית מקבל הקס (3, 4, 6 או 8 ספרות), rgb()/rgba(), hsl()/hsla() גם בתחביר פסיק ישן וגם בתחביר רווח מודרני, ושלשות מספריות חשופות. ערכי אלפא כעשרוניים או אחוזים מנורמלים לטווח 0–1 לפני שכל המרה מתחילה.
2
RGB כמרכז ההמרה
כל פורמט מתקבל נפתר תחילה לשלשת RGB קנונית. מהייצוג הבודד הזה הכלי מסתעף: HSL ו-HSV משתמשים בנוסחאות min/max/כרומה סטנדרטיות; CMYK נגזר על ידי מציאת ערוץ המפתח; ולינאריזציית sRGB (עקומת הגמא המקוטעת המוגדרת ב-IEC 61966-2-1) מוחלת לפני חישובי המרחב התפיסתי.
3
מרחבי צבע תפיסתיים מחושבים מאפס
oklch() מחושב באמצעות המטריצות 3×3 של Björn Ottosson (מרחב שורש-קובייה LMS). lab() ו-lch() משתמשים בהתאמה כרומטית של Bradford כדי להמיר מנקודת הלבן D65 ל-D50, שתואם את האופן שבו CSS Color 4 מגדיר את lab(). אלה אותן נוסחאות המשמשות במנועי הצגה של דפדפנים — מיושמות כאן ללא כל תלות חיצונית.
4
ניגודיות WCAG וסולם בהירות
בהירות יחסית מחושבת לפי נוסחת WCAG 2.1 (R, G, B לאחר לינאריזציה ומשוקללים 0.2126/0.7152/0.0722) ויחס הניגודיות מול לבן ושחור מדורג AA-large, AA, AAA, או Fail. פס בהירות בן תשעה שלבים נוצר על ידי צעידה של ערוץ הבהירות HSL מ-10% עד 90%, ומאפשר לך ללחוץ על כל דוגמית כדי להמיר את הגוון הזה.