כל פורמט צבע מתאר את אותו הדבר בשפה אחרת: HEX ל-CSS, RGB למסכים וקוד, HSL לבניית פלטות ו-CMYK להדפסה. בחר את ההמרה שאתה צריך וקבל את הערך המדויק, תצוגה חיה והנוסחה שמאחורי זה.
ארבעת פורמטי הצבע
מה זה HEX?
קוד HEX הוא מספר הקסה-דצימלי בן שישה תווים שמאחסן את ערוצי האדום, הירוק והכחול של הצבע אחרי סימן מוביל #. כל זוג תווים מייצג ערוץ אחד, מ-00 (ללא) עד FF (מלא), מה שמניב את אותם 16.7 מיליון צבעים כמו RGB בניסוח קצר יותר. HEX הוא ברירת המחדל ב-CSS, בכלי עיצוב ובהנחיות מותג.
- תחביר:
- #RRGGBB
- מתאים ל:
- CSS, העברת עיצוב, הנחיות מותג
מה זה RGB?
RGB מתאר צבע כשלושה ערוצי אור — אדום, ירוק וכחול — כל אחד בטווח 0 עד 255. זה משקף את האופן שבו מסכים עובדים בפועל: כל שלושת הערוצים ב-255 נותנים לבן, כולם ב-0 נותנים שחור. RGB הוא הבחירה הנכונה בכל פעם שאתה צריך לחשב עם צבע, ו-rgba() מוסיף שקיפות מעליו.
- תחביר:
- rgb(R, G, B)
- מתאים ל:
- קוד, canvas, שקיפות עם rgba()
מה זה HSL?
HSL מפרק צבע לגוון (0–360° על גלגל הצבעים), רוויה (כמה צבעוני, 0–100%) ובהירות (כמה בהיר, 0–100%). מאחר שכל חלק תואם לאופן שבו אנשים מתארים צבע, HSL הוא הפורמט הקל ביותר לבניית גוונים, צביעה וטווחים עקביים — ידנית או בקוד.
- תחביר:
- hsl(H, S%, L%)
- מתאים ל:
- פלטות, גוונים וצבעים, תימינג
מה זה CMYK?
CMYK הוא מודל ארבעת הדיו המשמש בהדפסה: cyan, magenta, yellow ו-key (שחור), כל אחד כאחוז מ-0 עד 100. דיו גורע אור במקום לפלוט אותו, ולכן CMYK מכסה פחות צבעים מאשר מסך — ולכן צבעים זוהרים במסך נוטים להיראות פחות עזים בהדפסה.
- תחביר:
- cmyk(C%, M%, Y%, K%)
- מתאים ל:
- הדפסה, אריזה, עבודות מוכנות להדפסה