מה ההבדל בין RGB ל-CMYK?

RGB מיועד למסכים, CMYK מיועד להדפסה. מסכים יוצרים צבעים על ידי פליטת אור אדום, ירוק וכחול (ערבוב מוסיף), בעוד מדפסות יוצרות צבעים על ידי הנחת שכבות של דיו ציאן, מגנטה, צהוב ושחור על נייר (ערבוב מחסר). RGB יכול ליצור צבעים בהירים ועזים יותר מ-CMYK כי אור בעל טווח צבעים רחב יותר מדיו. זו הסיבה שצבעי המסך שלך נראים לעתים קהים יותר בהדפסה.

למה הצבעים שלי נראים שונים בהדפסה?

מסכים פולטים אור, נייר משקף אותו - תהליכים שונים מיסודם. בנוסף, RGB מטפל במיליוני צבעים שדיו CMYK פשוט לא יכול לשחזר. כיול מסך, איכות נייר ושונות בדיו מוסיפים עוד שונות. תמיד בדקו ערכי CMYK לפני הדפסה, ובקשו הוכחות פיזיות לעבודת התאמת צבעים קריטית.

איך להשיג קודי hex מצבעים שאני רואה באינטרנט?

השתמשו בכלי המפתחים של הדפדפן. בכרום או פיירפוקס, לחצו בלחיצה ימנית על כל אלמנט, בחרו "בדוק", ואז לחצו על הריבוע הקטן של הצבע בלוח הסגנונות. זה פותח בוחר צבע שמראה את קוד hex. הרחבות דפדפן כמו ColorZilla הופכות את זה לעוד יותר מהיר - הן מאפשרות לכם ללחוץ בכל מקום בדף כדי לתפוס את ערך הצבע.

מה המשמעות של הסימן # בקודי hex?

זהו רק קידומת המודיעה לדפדפן "זהו קוד צבע הקסדצימלי". התקן זה מגיע מפרוט HTML ו-CSS המוקדמים. שש התווים לאחר # מייצגים ערכי RGB בבסיס-16: שני ספרות לאדום, שניים לירוק, שניים לכחול. ללא #, הדפדפנים לא יזהו זאת כצבע.

למה קודי hex בני 3 ספרות עובדים?

אלה קיצור עבור כאשר כל ערוץ צבע חוזר. #F00 מתרחב ל-#FF0000 (אדום), #C9C הופך ל-#CC99CC (סגול בהיר). קיצור זה נוצר בשנות ה-90 כדי להפחית גדלי קבצים כאשר רוחב פס היה יקר. הוא עדיין נוח היום לצבעים פשוטים.

האם המרות הצבעים מדויקות?

המרות RGB-ל-hex מדויקות מבחינה מתמטית - אלה אותם ערכים במערכות מספרים שונות. המרות RGB-ל-CMYK הן קירובים כי אתם ממירים בין מרחבי צבע שונים מיסודם (אור מול דיו). הכלי משתמש בתקני פרופיל צבע ICC להמרות אלה, שזהו אותו הגישה שתוכנת עיצוב מקצועית משתמשת.

איך ליצור שילובי צבעים נגישים?

השתמשו בבודק ניגודיות כמו כלי WebAIM לאחר בחירת הצבעים כאן. אתם צריכים יחס של 4.5:1 לטקסט רגיל, 3:1 לטקסט גדול. הימנעו משילובי אדום-ירוק (הקשים ביותר למשתמשים עם עיוורון צבעים). כשאתם מתלבטים, טקסט כהה על רקעים בהירים או להפך - הבדל מספיק בבהירות הוא מה שחשוב ביותר.

האם אפשר לבחור צבעים מתמונות?

לא ישירות בכלי זה. השתמשו בהרחבת דפדפן כמו ColorZilla, או צלמו מסך ותמונה והשתמשו בבוחר הצבע של מערכת ההפעלה שלכם (Digital Color Meter ב-macOS, PowerToys Color Picker ב-Windows). ברגע שיש לכם את ערך הצבע, הזינו אותו כאן כדי להמיר בין פורמטים.

למה חלק מצבעי RGB לא ממירים היטב ל-CMYK?

ל-CMYK טווח צבעים ("גאמוט") צר יותר מ-RGB. כחולים בהירים, ירוקים עזים ואורנגים חשמליים לעתים קרובות מחוץ למה שדיו CMYK יכול פיזית ליצור. כאשר זה קורה, המדפסת מחליפה את ההתאמה האפשרית ביותר הקרובה, שבדרך כלל נראית פחות רוויה. מעצבי הדפסה מקצועיים לעתים קרובות מתחילים עם צבעים בטוחים ל-CMYK כדי להימנע מבעיה זו.

כלי בחירת צבע - המרת קודי צבע RGB, הקסדצימלי, CMYK ו-HSV

מה תוכל לעשות עם בוחר הצבעים הזה

צריך את הגוון המושלם לפרויקט שלך? בוחר הצבעים הזה מאפשר לך לבחור, להציג מראש ולהמיר צבעים בין פורמטים RGB, Hex, CMYK ו-HSV מיידית. בין אם אתה מתכנת אתר אינטרנט, מעצב לוגו או מכין קבצים להדפסה, תמצא את ערכי הצבע המדויקים שאתה צריך - ללא ניחושים וללא מעבר בין כלים.

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

הבנת מודלי צבע

פרויקטים שונים דורשים פורמטים שונים של צבעים. הנה מה שכל אחד מהם עושה ומתי להשתמש בו:

RGB (אדום, ירוק, כחול)

RGB פועל על ידי ערבוב אור אדום, ירוק וכחול—באותו אופן שהמסך שלכם מציג צבעים כעת. כל רכיב נע בטווח של 0 עד 255:

RGB(255, 0, 0) = אדום טהור
RGB(0, 255, 0) = ירוק טהור
RGB(0, 0, 255) = כחול טהור
RGB(255, 255, 255) = לבן
RGB(0, 0, 0) = שחור

מתי להשתמש ב-RGB: כל עבודה דיגיטלית—אתרים, אפליקציות סלולריות, עריכת וידאו או גרפיקה מבוססת מסך. זוהי השפה הטבעית של תצוגות, וזו הסיבה שכלים כמו CSS תומכים ישירות בפונקציות rgb() ו-rgba(). על פי מפרט מודול הצבע של W3C CSS, RGB הוא מודל הצבע הבסיסי לתקני אינטרנט.

הקסדצימלי (Hex)

קודי Hex הם פשוט ערכי RGB הכתובים בבסיס-16 במקום בבסיס-10. צבע הקסדצימלי נראה כך #FF5733, כאשר:

סמל # מסמן אותו כקוד הקסדצימלי
שני התווים הראשונים = אדום (00-FF)
שני התווים האמצעיים = ירוק (00-FF)
שני התווים האחרונים = כחול (00-FF)
#FF0000 = אדום, #00FF00 = ירוק, #0000FF = כחול

לפעמים תראו קיצור תלת-תווי כמו #F00 במקום #FF0000—זה עובד כאשר כל ערוץ צבע חוזר על אותו ספרה.

מתי להשתמש ב-Hex: פיתוח אינטרנט הוא המקרה העיקרי. ל-CSS תמיד הייתה תמיכה בסימון הקסדצימלי, ורוב המפתחים מוצאים אותו מהיר יותר להקלדה מאשר rgb(). מכשול נפוץ: שכחת את סמל # תשבור את הסגנונות בשקט, מכיוון שהדפדפנים לא יזהו אותו כצבע תקף.

CMYK (ציאן, מגנטה, צהוב, מפתח/שחור)

CMYK הוא מודל הצבע המשמש מדפסות. בניגוד ל-RGB (אשר מוסיף אור), CMYK מחסר אותו—ערבוב דיו על נייר לבן ליצירת צבעים:

כל רכיב נע בטווח של 0% עד 100%
CMYK(0, 100, 100, 0) = אדום
CMYK(100, 0, 100, 0) = ירוק
CMYK(0, 0, 0, 100) = דיו שחור טהור
CMYK(0, 0, 0, 0) = ללא דיו (נייר לבן נראה דרך)

מתי להשתמש ב-CMYK: עיצוב להדפסה—כרטיסי ביקור, עלוני מידע, מגזינים, אריזות. הנה בדיקת המציאות: רבים מהצבעים הבוהקים של RGB פשוט לא יכולים להיות משוחזרים עם דיו CMYK. הכחול החשמלי הבהיר שאתם רואים על המסך? הוא ייראה עמום יותר בהדפסה. מעצבים מקצועיים תמיד מקדימים תצוגה של המרות CMYK לפני שליחת קבצים למדפסת כדי למנוע הפתעות.

HSV (גוון, רוויה, ערך)

HSV מפרק צבע לשלושה רכיבים אינטואיטיביים:

גוון: איזו משפחת צבע (0-360°)—0° הוא אדום, 120° הוא ירוק, 240° הוא כחול
רוויה: כמה חי או אפור (0-100%)—0% הוא גווני אפור, 100% הוא רוויה מלאה
ערך: כמה בהיר או כהה (0-100%)—0% הוא שחור, 100% הוא בהירות מלאה

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

המרת צבעים - נוסחאות

בוחר הצבע ממיר אוטומטית בין מודלים שונים של צבעים באמצעות נוסחאות מתמטיות אלה:

המרת RGB לHex

להמרת RGB להקסדצימלי:

המר כל רכיב RGB (0-255) למספר הקסדצימלי בן שתי ספרות
חבר את שלושת הערכים ההקסדצימליים עם קידומת #

$\text{Hex} = \text{\#} + \text{toHex}(R) + \text{toHex}(G) + \text{toHex}(B)$

כאשר toHex() ממיר מספר עשרוני לייצוג הקסדצימלי שלו.

המרת RGB לCMYK

ההמרה מ-RGB ל-CMYK כוללת שלבים אלה:

נרמל ערכי RGB לטווח 0-1
חשב את רכיב המפתח השחור (K)
חשב C, M, ו-Y על בסיס K

$R' = R/255, G' = G/255, B' = B/255$ $K = 1 - \max(R', G', B')$ $C = \frac{(1-R'-K)}{(1-K)} \times 100\%$ $M = \frac{(1-G'-K)}{(1-K)} \times 100\%$ $Y = \frac{(1-B'-K)}{(1-K)} \times 100\%$

המרת RGB לHSV

המרת RGB ל-HSV:

$R' = R/255, G' = G/255, B' = B/255$ $C_{max} = \max(R', G', B')$ $C_{min} = \min(R', G', B')$ $\Delta = C_{max} - C_{min}$

עבור גוון (H):

1// המרת RGB לHex
2function rgbToHex(r, g, b) {
3  const toHex = (c) => {
4    const hex = Math.round(c).toString(16);
5    return hex.length === 1 ? '0' + hex : hex;
6  };
7  
8  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
9}
10
11// המרת Hex לRGB
12function hexToRgb(hex) {
13  // הסרת # אם קיים
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // טיפול בהקסה בת 3 או 6 ספרות
17  const expandedHex = cleanHex.length === 3 
18    ? cleanHex.split('').map(char => char + char).join('')
19    : cleanHex;
20    
21  const r = parseInt(expandedHex.substring(0, 2), 16);
22  const g = parseInt(expandedHex.substring(2, 4), 16);
23  const b = parseInt(expandedHex.substring(4, 6), 16);
24  
25  return { r, g, b };
26}
27
28// המרת RGB לCMYK
29function rgbToCmyk(r, g, b) {
30  // נרמול ערכי RGB
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // חישוב K (שחור)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // טיפול בשחור טהור
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // חישוב C, M, Y
44  const c = ((1 - normalizedR - k) / (1 - k)) * 100;
45  const m = ((1 - normalizedG - k) / (1 - k)) * 100;
46  const y = ((1 - normalizedB - k) / (1 - k)) * 100;
47  
48  return {
49    c: Math.round(c),
50    m: Math.round(m),
51    y: Math.round(y),
52    k: Math.round(k * 100)
53  };
54}
55
56// שימוש לדוגמה
57const rgb = { r: 255, g: 0, b: 0 }; // אדום טהור
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# המרת RGB לHex
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# המרת Hex לRGB
6def hex_to_rgb(hex_color):
7    # הסרת # אם קיים
8    hex_color = hex_color.lstrip('#')
9    
10    # טיפול בהקסה בת 3 או 6 ספרות
11    if len(hex_color) == 3:
12        hex_color = ''.join([c*2 for c in hex_color])
13    
14    return {
15        'r': int(hex_color[0:2], 16),
16        'g': int(hex_color[2:4], 16),
17        'b': int(hex_color[4:6], 16)
18    }
19
20# המרת RGB לCMYK
21def rgb_to_cmyk(r, g, b):
22    # נרמול ערכי RGB
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # חישוב K (שחור)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # טיפול בשחור טהור
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # חישוב C, M, Y
35    c = ((1 - r_norm - k) / (1 - k)) * 100
36    m = ((1 - g_norm - k) / (1 - k)) * 100
37    y = ((1 - b_norm - k) / (1 - k)) * 100
38    
39    return {
40        'c': round(c),
41        'm': round(m),
42        'y': round(y),
43        'k': round(k * 100)
44    }
45
46# שימוש לדוגמה
47rgb = {'r': 0, 'g': 128, 'b': 255}  # כחול שמיים
48hex_color = rgb_to_hex(rgb['r'], rgb['g'], rgb['b'])
49cmyk = rgb_to_cmyk(rgb['r'], rgb['g'], rgb['b'])
50
51print(f"Hex: {hex_color}")
52print(f"CMYK: C={cmyk['c']}%, M={cmyk['m']}%, Y={cmyk['y']}%, K={cmyk['k']}%")
53

1public class ColorConverter {
2    // המרת RGB לHex
3    public static String rgbToHex(int r, int g, int b) {
4        return String.format("#%02x%02x%02x", r, g, b);
5    }
6    
7    // המרת Hex לRGB
8    public static int[] hexToRgb(String hexColor) {
9        // הסרת # אם קיים
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // טיפול בהקסה בת 3 או 6 ספרות
15        if (hexColor.length() == 3) {
16            String expandedHex = "";
17            for (char c : hexColor.toCharArray()) {
18                expandedHex += c + String.valueOf(c);
19            }
20            hexColor = expandedHex;
21        }
22        
23        int r = Integer.parseInt(hexColor.substring(0, 2), 16);
24        int g = Integer.parseInt(hexColor.substring(2, 4), 16);
25        int b = Integer.parseInt(hexColor.substring(4, 6), 16);
26        
27        return new int[]{r, g, b};
28    }
29    
30    // המרת RGB לCMYK
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // נרמול ערכי RGB
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // חישוב K (שחור)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // טיפול בשחור טהור
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // חישוב C, M, Y
46        double c = ((1 - normalizedR - k) / (1 - k)) * 100;
47        double m = ((1 - normalizedG - k) / (1 - k)) * 100;
48        double y = ((1 - normalizedB - k) / (1 - k)) * 100;
49        
50        return new double[]{
51            Math.round(c),
52            Math.round(m),
53            Math.round(y),
54            Math.round(k * 100)
55        };
56    }
57    
58    public static void main(String[] args) {
59        // שימוש לדוגמה
60        int r = 75, g = 0, b = 130;  // סגול
61        String hexColor = rgbToHex(r, g, b);
62        double[] cmyk = rgbToCmyk(r, g, b);
63        
64        System.out.println("Hex: " + hexColor);
65        System.out.printf("CMYK: C=%.0f%%, M=%.0f%%, Y=%.0f%%, K=%.0f%%\n", 
66                          cmyk[0], cmyk[1], cmyk[2], cmyk[3]);
67    }
68}
69

מקורות וקריאה נוספת

מודול צבע CSS של W3C ברמה 4 - מפרט צבע אינטרנט רשמי
הנחיות ניגודיות WCAG 2.1 - תקני נגישות לניגודיות צבעים
בודק ניגודיות WebAIM - בדיקת יחסי ניגודיות צבעים
תקני פרופיל צבע ICC - מפרט טכני להמרות צבעים
מסמכי MDN Web: ערכי צבע CSS - מדריך מקיף לפורמטים של צבעי אינטרנט

כלי בחירת צבע - המרת קודי צבע RGB, הקסדצימלי, CMYK ו-HSV

בוחר צבעים

RGB (0-255)

CMYK (0-100)

בוחר צבעים

תיעוד

מה תוכל לעשות עם בוחר הצבעים הזה

הבנת מודלי צבע

RGB (אדום, ירוק, כחול)

הקסדצימלי (Hex)

CMYK (ציאן, מגנטה, צהוב, מפתח/שחור)

HSV (גוון, רוויה, ערך)

המרת צבעים - נוסחאות

המרת RGB לHex

המרת RGB לCMYK

המרת RGB לHSV

מקורות וקריאה נוספת

יוצר לוח צבעים - צור שילובי צבעים הרמוניים

יוצר מאפייני CSS - גרדיאנטים, צללים וגבולות

יוצר קודי QR חינמי - צור קודי QR סורקים מיידית

ממיר בסיסי מספרים: בינארי, הקסדצימלי, עשרוני ואוקטלי

מחשבון צבעי ארנבים – חישוב צבעי פרווה של גורי ארנבות

ממיר בינארי לעשרוני | כלי מקוון חינמי

מרכז המרה מפיקסלים ל-REM ו-EM – מחשבון יחידות CSS חינמי

מפענח תמונות Base64 | פענוח ותצוגה מקדימה של תמונות באינטרנט

מחשבון דילול אקונומיקה: יחסים מדויקים לניקוי בטוח

ממיר פיקסלים לאינצ׳ים - מחשבון DPI חינמי (2025)

מחשבון אורך סיביות וביטים - כלי גודל נתונים חינמי

מעצב קוד חינמי: יפה את JavaScript, Python, HTML ועוד