הזינו קוד צבע הקסדצימלי (HEX, כמו בעיצוב אתרים) וקבלו את הערכים המקבילים ב-RGB וב-HSL.
המרת קוד צבע הקסדצימלי (HEX) לערכי RGB ו-HSL
דוגמה לחישוב עם ערכי ברירת המחדל
הנתונים
קוד צבע HEX
2a78d6
התוצאה
RGB
42, 120, 214
HSL
213°, 68%, 50%
איך מחשבים
קוד HEX בן 6 תווים מייצג שלושה ערכי צבע (אדום, ירוק, כחול), כל אחד בשני תווים הקסדצימליים בטווח 00 עד FF (0 עד 255 בעשרוני): #RRGGBB.
המרה ל-HSL (גוון, רוויה, בהירות) מתבצעת על ידי נרמול ערכי ה-RGB לטווח 0–1 וחישוב הבהירות כממוצע הערך המקסימלי והמינימלי, הרוויה לפי המרחק ביניהם, והגוון לפי איזה ערוץ (אדום/ירוק/כחול) הוא המקסימלי.
דוגמה מספרית
קוד הצבע #2A78D6 (כחול בינוני) מתורגם ל-RGB 42, 120, 214, ול-HSL 213°, 68%, 50%.
שאלות נפוצות
למה יש כמה דרכים לייצג את אותו צבע?
לכל שיטת ייצוג יתרונות שונים: HEX קומפקטי ונפוץ בקוד עיצוב אתרים (CSS), RGB אינטואיטיבי להבנת תערובת הצבעים הבסיסיים, ו-HSL נוח במיוחד לשינוי גוון או בהירות של צבע בלי לשנות את זהותו.
מה ההבדל בין גוון (Hue), רוויה (Saturation) ובהירות (Lightness)?
גוון קובע את "סוג" הצבע על גלגל הצבעים (אדום, כחול, ירוק וכו') בין 0° ל-360°. רוויה קובעת עד כמה הצבע "עז" לעומת אפור. בהירות קובעת עד כמה הצבע קרוב לשחור (0%) או ללבן (100%).
האם ניתן להזין קוד HEX עם או בלי סולמית (#)?
כן — המחשבון מקבל את שתי הצורות (למשל גם 2a78d6 וגם #2a78d6), ומתעלם אוטומטית מסימן הסולמית אם הוזן.