על פורמטי הצבע האלה
HEX ו־RGB הם הפורמטים הסטנדרטיים למסכים ול־CSS - HEX קומפקטי (#3B82F6), ו־RGB מפרט כל ערוץ במפורש (0-255). HSL (גוון, רוויה, בהירות) ו־HSV (גוון, רוויה, ערך) מתארים צבע יותר כמו שבני אדם חושבים עליו - קל יותר לבחור גוון או וריאציה של אותו גוון. CMYK (ציאן, מג׳נטה, צהוב, שחור) מיועד להדפסה, שבה הצבע נוצר מערבוב דיו ולא מפליטת אור.
מה הכלי עושה
ממיר הצבעים מציג צבע אחד בחמש כתיבות בבת אחת: HEX, RGB, HSL, HSV ו־CMYK. מקלידים קוד hex, מזינים ערכי RGB, גוררים את המחוונים או בוחרים אחד מ־148 הצבעים בעלי השם של CSS, וכל הפורמטים מתעדכנים מיד.
לכל שורה יש כפתור העתקה משלה, והיא כתובה בתחביר שמוכן ל־CSS, כמו rgb(59, 130, 246) או hsl(217, 91%, 60%). ההמרה רצה כולה בדפדפן שלכם.
מתי להשתמש בו
- העברת צבע מותג מקובץ עיצוב ב־HEX לקוד CSS, Android או iOS שמצפה ל־RGB או ל־HSL.
- יצירת גוון בהיר או כהה יותר של אותו צבע על ידי שינוי הבהירות בלבד ב־HSL.
- בדיקה שטקסט על צבע נשאר קריא בעזרת בודק ניגודיות צבעים.
- בניית פלטת צבעים למערכת עיצוב ותיעוד כל צבע בכל הכתיבות שמפתחים עשויים להזדקק להן.
דוגמה
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · cmyk(76%, 47%, 0%, 4%)
#FF6347 (tomato)
rgb(255, 99, 71) · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · cmyk(0%, 61%, 72%, 0%)
שאלות על הכלי
למה CMYK רק מקרב את צבעי ההדפסה?
מסכים מערבבים אור ומדפסות מערבבות דיו, וכל מדפסת ונייר מתנהגים אחרת. ערכי ה־CMYK הם המרה מתמטית, ולכן כשהצבע המדויק חשוב בקשו מבית הדפוס ערך שמבוסס על פרופיל.
מה ההבדל בין HSL ל־HSV?
שניהם מתחילים בגוון וברוויה. HSL משתמש בבהירות (lightness), שבה 100% הוא תמיד לבן, ו־HSV משתמש בערך (value), שבו 100% הוא הגרסה החיה ביותר של הצבע. כלי עיצוב משתמשים לרוב ב־HSV, ו־CSS משתמש ב־HSL.
האם יש תמיכה בשקיפות?
האטימות אינה חלק מחמשת הפורמטים כאן. ב־CSS מוסיפים אותה כערך רביעי, למשל rgb(59 130 246 / 50%), או כשתי ספרות hex נוספות, #3B82F680.
האם הכלי חינמי?
כן, השימוש חינמי. בלי הרשמה ובלי אימייל. התוצאה מופיעה בדף הזה.
איך מקבלים את התוצאה?
משתמשים בכלי בדף הזה. התוצאה מופיעה כאן, בלי צורך במשלוח לאימייל.