אודות כלי זה
המר ערכי צבע HSL (גוון, רוויה, בהירות) לקודים הקסדצימליים. HSL הוא מודל צבע אינטואיטיבי שבו גוון הוא זווית הצבע (0-360°), רוויה היא עוצמת הצבע (0-100%), והבהירות שולטת עד כמה הצבע בהיר או כהה (0-100%). שימושי עבור מעצבים שעובדים ב-HSL וצריכים קודי 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% הם גוונים בהירים יותר.