ממיר חינם

HSL ל ממיר HEX

המר ערכי צבע HSL לקודי צבע HEX באופן מיידי - ממיר צבעים חינמי בזמן אמת.

גוון
רוויה (%)
קלילות (%)

פלט HEX

#368CE2
R:54
G:140
B:226

העתק פורמט

#HEX פורמט#368CE2
פורמט hsl()hsl(210°, 75%, 55%)
rgb() פורמטrgb(54, 140, 226)

אודות כלי זה

המר ערכי צבע HSL (גוון, רוויה, בהירות) לקודים הקסדצימליים. HSL הוא מודל צבע אינטואיטיבי שבו גוון הוא זווית הצבע (0-360°), רוויה היא עוצמת הצבע (0-100%), והבהירות שולטת עד כמה הצבע בהיר או כהה (0-100%). שימושי עבור מעצבים שעובדים ב-HSL וצריכים קודי hex עבור CSS.

כיצד להשתמש

  1. הזן את ערך ה-Hue (0-360 מעלות בגלגל הצבעים).
  2. הגדר רוויה (0-100%) וקלילות (0-100%).
  3. קוד הhex מחושב ומוצג בזמן אמת.
  4. העתק את קוד הhex לשימוש ב-CSS או בכלי העיצוב שלך.

שאלות נפוצות

למה להשתמש ב-HSL במקום hex או RGB?
HSL יותר אינטואיטיבי עבור בני אדם. רוצה גוון כהה יותר? הפחת את הקלילות. רוצה גרסה מושתקת? הפחת את הרוויה. קשרים אלה אינם ברורים ב-hex או RGB שבהם תצטרך להתאים את כל שלושת הערוצים.
מה המשמעות של גוון של 0 לעומת 360?
גם 0° וגם 360° הם אדומים - גלגל הגוון עוטף אותו. גוונים עיקריים: 0° = אדום, 60° = צהוב, 120° = ירוק, 180° = ציאן, 240° = כחול, 300° = מגנטה.
מה קורה ב-0% ו-100% רוויה?
ב-0% רוויה, כל גוון הופך לגוון אפור (נקבע על ידי בהירות בלבד). ב-100% רוויה, אתה מקבל את הגרסה הטהורה והחיה ביותר של הגוון הזה.
איך קלילות עובדת?
0% בהירות תמיד שחור ללא קשר לגוון/רוויה. 100% זה תמיד לבן. 50% נותן את הגרסה הטהורה והתוססת ביותר של הצבע. ערכים בין 0-50% הם גוונים כהים יותר, 50-100% הם גוונים בהירים יותר.