ממיר צבעים מ־HEX ל־HSL — חינם אונליין

המרת קודי צבע מ־HEX ל־HSL אונליין מיד, עם תצוגה מקדימה, הנוסחה וטבלת צבעים נפוצים.

Converter

⁦HEX, RGB, HSL, HSV⁩ ו־CMYK — הכל בבת אחת

גוררים מחוון, בוחרים צבע או מקלידים קוד Hex - כל הפורמטים מתעדכנים בזמן אמת

HEX
RGB
HSL
HSV
CMYK

התוצאות מוצגות לצורכי מידע בלבד ועשויות להכיל שגיאות. מומלץ לאמת מידע חשוב באופן עצמאי. השימוש בכלי הוא באחריותכם בלבד.

איך ממירים מ־HEX ל־HSL

המירו קודי צבע מ־HEX ל־HSL מיד. הקלידו ערך HEX או RGB או הזיזו את המחוונים, וכל הפורמטים מתעדכנים יחד, עם תצוגה מקדימה של הצבע, הנוסחה וטבלת צבעים נפוצים.

  1. הקלידו או הדביקו ערך HEX, למשל #3B82F6, בשדה המתאים למעלה.
  2. ערך ה־HSL מתעדכן מיד: #3B82F6 הוא hsl(217, 91%, 60%). גם שאר הפורמטים והתצוגה המקדימה מתעדכנים.
  3. העתיקו את ערך ה־HSL ל־CSS, לכלי העיצוב או לקוד.

הנוסחה מ־HEX ל־HSL

הביאו את האדום, הירוק והכחול לטווח 0–1. הבהירות היא הממוצע של הערוץ החזק והחלש ביותר, הרוויה גדלה עם הפער ביניהם, והגוון הוא מיקום הערוץ הדומיננטי בגלגל הצבעים של 360°:

#3B82F6 → hsl(217, 91%, 60%)

צבעים נפוצים ב־HEX וב־HSL

HEXHSL
#000000hsl(0, 0%, 0%)
#FFFFFFhsl(0, 0%, 100%)
#FF0000hsl(0, 100%, 50%)
#00FF00hsl(120, 100%, 50%)
#0000FFhsl(240, 100%, 50%)
#FFFF00hsl(60, 100%, 50%)
#00FFFFhsl(180, 100%, 50%)
#FF00FFhsl(300, 100%, 50%)
#808080hsl(0, 0%, 50%)
#FFA500hsl(39, 100%, 50%)
#800080hsl(300, 100%, 25%)
#3B82F6hsl(217, 91%, 60%)

מה זה HEX ומה זה HSL

צבע HEX הוא הסימן # ואחריו שש ספרות הקסדצימליות: שתיים לאדום, שתיים לירוק ושתיים לכחול, מ־00 (כלום) עד FF (מלא). זו הדרך הנפוצה ביותר לכתוב צבעים ב־CSS ובכלי עיצוב.

HSL מתאר צבע לפי גוון (זווית מ־0 עד 360 בגלגל הצבעים), רוויה ובהירות (שתיהן באחוזים). כך קל ליצור גרסאות בהירות, כהות או עמומות יותר של אותו צבע.

שאלות נפוצות

האם הצבע משתנה בהמרה?

HEX,‏ RGB ו־HSL מתארים את אותם צבעי מסך, ולכן ההמרה ביניהם מדויקת (HSL מעוגל למספרים שלמים). CMYK מיועד לדפוס: התוצאה המודפסת תלויה בפרופיל הצבע של המדפסת, אז התייחסו לערכי CMYK שחושבו מהמסך כנקודת פתיחה.

אפשר להשתמש בתוצאה ב־CSS?

כן. CSS מקבל ישירות hex (#3B82F6),‏ rgb(59, 130, 246) ו־hsl(217, 91%, 60%). CMYK אינו פורמט של CSS; משתמשים בו בדפוס ובתוכנות עיצוב.

ומה עם שקיפות?

הוסיפו ערך אלפא: hex בן 8 ספרות (#3B82F680) או rgba()/hsla() ב־CSS. הממיר עובד על הצבע האטום, וערך האלפא זהה בכל הפורמטים.

האם הכלי חינמי?

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

איך מקבלים את התוצאה?

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