ממיר HSL ל-HEX

הדביקו ערך HSL וקבלו HEX מיד. גם כל פורמט אחר עובד.

מ-HSL

זוהה: HSL

ערך HEX#ff5733

HEX ל-HSL

כוונון הצבע

גוון11°

אטימות100%

בהירות68%

כרומה0.210

גוון34°

כל שאר הפורמטים

דוגמאות המרה מ-HSL ל-HEX

צבע	HSL	HEX
	hsl(0, 100%, 50%)	#ff0000
	hsl(120, 100%, 50%)	#00ff00
	hsl(240, 100%, 50%)	#0000ff
	hsl(0, 0%, 100%)	#ffffff
	hsl(0, 0%, 0%)	#000000
	hsl(0, 0%, 50.2%)	#808080
	hsl(10.59, 100%, 60%)	#ff5733
	hsl(217.22, 91.22%, 59.8%)	#3b82f6
	hsl(160.12, 84.08%, 39.41%)	#10b981
	hsl(37.69, 92.13%, 50.2%)	#f59e0b
	hsl(258.31, 89.53%, 66.27%)	#8b5cf6
	hsl(330.37, 81.19%, 60.39%)	#ec4899

על HSL ו-HEX

HSL מתאר גוון במעלות, ורוויה ובהירות באחוזים. קל לקרוא אותו, אבל הבהירות שלו לא אחידה לעין: צהוב ב-50% נראה בהיר בהרבה מכחול ב-50%.

HEX כותב את האדום, הירוק והכחול כשתי ספרות הקסדצימליות לכל אחד, למשל #ff5733. זו הדרך הנפוצה ביותר לכתוב צבעים ברשת ובכלי עיצוב.

איך ההמרה עובדת

אנחנו קוראים את ערך ה-HSL, ממירים אותו ל-CIE XYZ עם המטריצות מהמפרט CSS Color 4 ומשם ל-HEX. ערכים שמחוץ לגמוט של היעד ממופים באלגוריתם של CSS Color 4, ששומר על הבהירות והגוון ומפחית את הכרומה.

שאלות ותשובות

איך ממירים HSL ל-HEX?

הדביקו או הקלידו ערך HSL בשדה למעלה. PickShade ממיר אותו לפי הנוסחאות של CSS Color 4 תוך כדי הקלדה, ולחיצה אחת מעתיקה את ערך ה-HEX.

האם ההמרה מ-HSL ל-HEX מדויקת?

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

אפשר לקבל פורמטים אחרים באותו זמן?

כן. כל שאר הפורמטים, כולל OKLCH, Display P3, Tailwind, SwiftUI, Flutter ו-Android, מופיעים מתחת לתוצאה ומועתקים בלחיצה אחת.

האם הממיר הזה חינמי?

כן. הוא חינמי, לא דורש הרשמה ורץ כולו בדפדפן שלכם.