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 से हेक्स रूपांतरण

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

हयू (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 रंग कोड परिवर्तित करें