RGB आणि CMYK मध्ये काय फरक आहे?

RGB स्क्रीनसाठी, CMYK प्रिंटसाठी आहे. स्क्रीन लाल, हिरवा आणि निळा प्रकाश उत्सर्जित करून (योजक मिश्रण) रंग तयार करतात, तर प्रिंटर कागदावर सायन, मॅजेंटा, पिवळा आणि काळा शाईचे थर चढवून (वजर्य मिश्रण) रंग तयार करतात. RGB प्रकाशामुळे CMYK पेक्षा अधिक तेजस्वी आणि जीवंत रंग तयार करू शकते कारण प्रकाशाचा रंग दायरा शाईपेक्षा मोठा असतो. म्हणूनच तुमच्या स्क्रीनवरील रंग प्रिंट केल्यावर अधिक मंद दिसतात.

माझे रंग प्रिंट केल्यावर का वेगळे दिसतात?

स्क्रीन प्रकाश उत्सर्जित करतात, कागद त्याचे परावर्तन करतो - हे मूलभूतपणे वेगवेगळी प्रक्रिया आहेत. शिवाय, RGB लाखो रंग हाताळू शकते ज्या CMYK शाई नक्कीच पुनर्निर्मित करू शकत नाही. स्क्रीन कॅलिब्रेशन, कागदाची गुणवत्ता आणि शाईच्या बदलांमुळे अधिक परिवर्तनशीलता येते. नेहमी प्रिंट करण्यापूर्वी CMYK मूल्ये तपासा आणि महत्त्वाच्या रंग-जुळवणी कामासाठी भौतिक प्रूफ मागवा.

मी ऑनलाइन दिसणारे रंग कसे हेक्स कोडमध्ये बदलू शकतो?

आपल्या ब्राउझरच्या डेव्हलपर टूल्सचा वापर करा. Chrome किंवा Firefox मध्ये, कोणत्याही एलिमेंटवर उजव्या बटणाने क्लिक करा, "Inspect" निवडा, आणि नंतर स्टाइल्स पॅनलमधील लहान रंग चौरसावर क्लिक करा. हे रंग पिकर उघडते जे हेक्स कोड दाखवते. ColorZilla सारख्या ब्राउझर एक्सटेंशन्स हे आणखी जलद करतात - ते तुम्हाला पृष्ठावरील कोठेही क्लिक करून त्याचा रंग मूल्य घेण्यास अनुमती देतात.

हेक्स कोडमधील # चिन्हाचा अर्थ काय?

हे फक्त एक उपसर्ग आहे जो ब्राउझरला सांगतो की "हा हेक्साडेसिमल रंग कोड आहे." हा मानक प्रारंभिक HTML आणि CSS विनिर्देशांमधून आला आहे. # नंतरचे सहा अक्षर RGB मूल्य दर्शवतात आधार-16 मध्ये: लाल, हिरव्या, निळ्या साठी दोन अंक. # शिवाय, ब्राउझर त्याला रंग म्हणून ओळखणार नाही.

3-अंकी हेक्स कोड का कार्य करतात?

ते त्या वेळेस असतात जेव्हा प्रत्येक रंग चॅनेल पुन्हा होतो. #F00 #FF0000 (लाल) मध्ये विस्तारित होतो, #C9C #CC99CC (हलका जांभूर) बनते. हा शॉर्टहँड 1990 च्या दशकात तयार करण्यात आला होता जेव्हा बँडविड्थ महाग होता. सोप्या रंगांसाठी आजही हे सोयीचे आहे.

रंग रूपांतरणे अचूक आहेत का?

RGB-ते-हेक्स रूपांतरणे गणितीयदृष्ट्या अचूक असतात - ते वेगवेगळ्या संख्या आधारांतील समान मूल्य आहेत. RGB-ते-CMYK रूपांतरणे अंदाजे असतात कारण तुम्ही मूलभूतपणे वेगवेगळ्या रंग जागांमध्ये (प्रकाश बनाम शाई) रूपांतरण करत आहात. साधन ICC रंग प्रोफाइल मानकांचा वापर करते, जी व्यावसायिक डिझाइन सॉफ्टवेअरही वापरते.

मी सुलभ रंग संयोजने कसे तयार करू?

आपल्या निवडलेल्या रंगांनंतर WebAIM चे साधन सारख्या कंट्रास्ट तपासणीचा वापर करा. सामान्य मजकुरासाठी 4.5:1 गुणोत्तर, मोठ्या मजकुरासाठी 3:1 आवश्यक आहे. लाल-हिरवा संयोजने टाळा (रंगांध वापरकर्त्यांसाठी सर्वात कठीण). जेव्हा शंका असेल तेव्हा गडद मजकूर हलक्या पार्श्वभूमीवर किंवा उलट - पुरेसा प्रकाश फरक महत्त्वाचा असतो.

मी प्रतिमांमधून रंग निवडू शकतो का?

या साधनात थेट नाही. ColorZilla सारखे ब्राउझर एक्सटेंशन वापरा, किंवा प्रतिमेचा स्क्रीनशॉट घ्या आणि आपल्या ऑपरेटिंग सिस्टमचा रंग पिकर वापरा (macOS वर डिजिटल कलर मीटर, Windows वर PowerToys कलर पिकर). एकदा रंग मूल्य मिळाल्यावर, त्याचे स्वरूप बदलण्यासाठी येथे प्रवेश करा.

काही RGB रंग CMYK मध्ये चांगले रूपांतरित होत नाहीत?

CMYK चा "गॅमट" (पुनर्निर्मित करण्यायोग्य रंगांचा श्रेणी) RGB पेक्षा संकुचित असतो. तेजस्वी निळे, जीवंत हिरवे आणि विद्युत नारंगी रंग अक्सर CMYK शाईने शारीरिकदृष्ट्या तयार करण्याच्या बाहेर असतात. असे झाल्यास, प्रिंटर सर्वात जवळचा शक्य असलेला मेल निवडते, जो सामान्यतः कमी संतृप्त दिसतो. व्यावसायिक प्रिंट डिझाइनर या मुद्द्याला टाळण्यासाठी अक्सर CMYK-सुरक्षित रंगांपासून सुरुवात करतात.

रंग निवडणी साधन - RGB, हेक्स, CMYK आणि HSV रंग कोड रूपांतरित करा

या रंग निवडकाने तुम्ही काय करू शकता

तुमच्या प्रकल्पासाठी सावकाश रंग हवा आहे? हा रंग निवडका तुम्हाला RGB, हेक्स, 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 वेब मानकांसाठी पायाभूत रंग मॉडेल आहे.

हेक्साडेसिमल (हेक्स)

हेक्स कोड हे फक्त RGB मूल्य आहेत जे बेस-10 ऐवजी बेस-16 मध्ये लिहिलेले आहेत. एक हेक्स रंग असा दिसतो #FF5733, जेथे:

# चिन्ह हे हेक्स कोड असल्याचे दर्शविते
पहिले दोन अक्षर = लाल (00-FF)
मधले दोन = हिरवा (00-FF)
शेवटचे दोन = निळा (00-FF)
#FF0000 = लाल, #00FF00 = हिरवा, #0000FF = निळा

कधीकधी तुम्हाला 3-अक्षरी शॉर्टहँड दिसेल जसे #F00 ऐवजी #FF0000 - हे तेव्हा काम करते जेव्हा प्रत्येक रंग चॅनेलमध्ये एकच अंक पुनरावृत्त होतो.

कधी हेक्स वापरावा: वेब विकास हा प्राथमिक वापर आहे. 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) घटक काढा
K वर आधारित C, M, आणि Y काढा

$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}$

Hue (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-अंकी hex हाताळा
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-अंकी hex हाताळा
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-अंकी hex हाताळा
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

संदर्भ आणि अधिक वाचन

W3C CSS रंग मॉड्यूल स्तर 4 - अधिकृत वेब रंग विनिर्देश
WCAG 2.1 कंट्रास्ट मार्गदर्शक - रंग कंट्रास्ट साठी सुलभता मानके
WebAIM कंट्रास्ट तपासणी - रंग कंट्रास्ट गुणोत्तर तपासा
ICC रंग प्रोफाइल मानक - रंग रूपांतरणासाठी तांत्रिक विनिर्देश
MDN वेब डॉक्स: CSS रंग मूल्य - वेब रंग स्वरूपांचे सविस्तर मार्गदर्शक

रंग निवडणी साधन - RGB, हेक्स, CMYK आणि HSV रंग कोड रूपांतरित करा