ממיר צבעים
הזינו קוד צבע hex כדי לראות את המקבילים שלו ב-RGB ו-HSL עם ערכי ערוצי אדום, ירוק וכחול בודדים.
כיצד להשתמש בממיר צבעים זה
- הזינו את קוד הצבע בפורמט Hex
הקלידו קוד Hex בן 6 ספרות בשדה קוד הצבע (לדוגמה: FF6B35 או 00FF88). אין לכלול את הסימן #.
- קראו את ערכי ה-RGB
תוצאות ערוצי האדום (Red), הירוק (Green) והכחול (Blue) מציגות את הערכים בטווח 0–255 עבור כל רכיב.
- בדקו את פלט ה-HSL
סקרו את תוצאת ה-HSL עבור גוון (0–360°), רוויה ובהירות — שימושי לביצוע התאמות צבע.
איך ממיר הצבעים הזה עובד
כלי זה ממיר קוד צבע הקסדצימלי לייצוגי RGB (אדום, ירוק, כחול) ו-HSL (גוון, רוויה, בהירות). כל זוג תווים הקסדצימליים ממופה לערך ערוץ של 8 סיביות (0–255), והמרת ה-HSL משתמשת במתמטיקה סטנדרטית של מרחבי צבע.
R = hex[0:2] → עשרוני; G = hex[2:4] → עשרוני; B = hex[4:6] → עשרוני Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — שחור מוחלט.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — לבן מוחלט. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — אפור בינוני.
- ✓ הקלט הוא קוד צבע הקסדצימלי תקין בן 6 ספרות.
- ✓ ערוץ אלפא אינו נתמך בגרסה זו.
- המרת CMYK דורשת פרופיל צבע ואינה כלולה כאן.
הבנת מודלי צבע
HEX, RGB ו-HSL הן דרכים שונות לתאר את אותו הצבע. HEX מקודד RGB כמחרוזת הקסדצימלית בת 6 ספרות: כל זוג תווים הוא ערוץ 8-ביט אחד (0–255). RGB מבטא את אותם הערכים כשלושה מספרים, צבעי היסוד החיבוריים שמסכים פולטים. HSL (גוון, רוויה, בהירות) הוא מודל גלילי: הגוון הוא הזווית בגלגל הצבעים (0° אדום, 120° ירוק, 240° כחול), הרוויה היא עוצמת הצבע, והבהירות היא רמת האור. מעצבים מעדיפים לעיתים קרובות HSL בעת התאמת צבעים באופן תכנותי — שינוי הבהירות לבדה מכהה או מבהירה מבלי לשנות את הגוון, וכוונון הרוויה משנה את חיוניות הצבע.
מקרים לשימוש של מפתחים בהמרת צבעים
מפתחים ממירים צבעים בעת בניית מערכות עיצוב, הטמעת ערכות נושא, יצירת פלטות צבעים וניפוי שגיאות ב-CSS. אסימוני עיצוב שומרים לעיתים קרובות צבעים בפורמט hex; המרה ל-RGB או ל-HSL מאפשרת חישובים בזמן ריצה כגון שכבות שקיפות או בדיקות ניגודיות נגישות. בוררי ערכות נושא עשויים להזדקק להפקת גרסאות בהירות או כהות יותר מצבע בסיס באמצעות HSL. כלי נגישות אוטומטיים ממירים צבעים כדי לחשב יחסי בהירות וניגודיות. בעת ניפוי שגיאות בפריסה או בערכות נושא, ראיית ערך hex כ-RGB או כ-HSL עוזרת לזהות איזה ערוץ אינו תקין. המרת צבעים משמשת גם בהדמיית נתונים, ספריות תרשימים ועיצוב ממשק משתמש דינמי.
שאלות נפוצות
האם ניתן להזין קוד hex בן 3 ספרות?
כרגע הכלי מצפה לקוד בן 6 ספרות. עבור קיצור של 3 ספרות כמו F60, יש להרחיב אותו ל-FF6600 תחילה.
מה זה HSL?
HSL מייצג Hue, Saturation, Lightness. זוהי דרך חלופית לתיאור צבעים שחלק מהמעצבים מוצאים כאינטואיטיבית יותר מ-RGB.