साधा आणि वापरण्यास सोपा रंग निवडक साधन

परिचय

रंग निवडक साधन हे एक सहज, वापरण्यास सोपे अनुप्रयोग आहे जो वापरकर्त्यांना विविध रंग स्वरूपांमध्ये रंग निवडण्यास, दृश्यात्मक करण्यास आणि रूपांतरित करण्यास मदत करण्यासाठी डिझाइन केले आहे. तुम्ही वेब डिझाइनर असाल जो रंग योजना तयार करत आहे, डिजिटल कलाकार जो परिपूर्ण छटा शोधत आहे, किंवा विकासक जो वापरकर्ता इंटरफेस लागू करत आहे, हे रंग निवडक साधन तुम्हाला RGB, हेक्साडेसिमल, CMYK, आणि HSV स्वरूपांमध्ये रंगांवर काम करण्याचा सोपा मार्ग प्रदान करते. त्याच्या इंटरएक्टिव रंग स्पेक्ट्रम, उजळपणा स्लायडर, आणि अचूक इनपुट पर्यायांसह, तुम्ही तुमच्या प्रकल्पांसाठी रंग मूल्ये जलद शोधू, समायोजित करू आणि कॉपी करू शकता.

रंग मॉडेल समजून घेणे

रंग निवडक कसा वापरायचा यामध्ये प्रवेश करण्यापूर्वी, त्याने समर्थन केलेल्या विविध रंग मॉडेल्स समजून घेणे उपयुक्त आहे:

RGB (लाल, हिरवा, निळा)

RGB हा एक अ‍ॅडिटिव रंग मॉडेल आहे जिथे लाल, हिरवा, आणि निळा प्रकाश विविध मार्गांनी एकत्र करून अनेक रंगांचे पुनरुत्पादन केले जाते. डिजिटल अनुप्रयोगांमध्ये:

प्रत्येक घटक (R, G, B) 0 ते 255 पर्यंत असतो
RGB(255, 0, 0) शुद्ध लाल दर्शवितो
RGB(0, 255, 0) शुद्ध हिरवा दर्शवितो
RGB(0, 0, 255) शुद्ध निळा दर्शवितो
RGB(255, 255, 255) पांढरा दर्शवितो
RGB(0, 0, 0) काळा दर्शवितो

RGB मॉडेल स्क्रीनवर रंग कसे प्रदर्शित केले जातात याशी थेट संबंधित आहे, ज्यामुळे हे डिजिटल डिझाइनसाठी प्राथमिक निवड बनते.

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

हेक्साडेसिमल रंग कोड RGB रंगांचे प्रतिनिधित्व करण्याचा एक मार्ग आहे जो बेस-16 संख्याशास्त्र वापरतो:

एक हेक्स रंग पाउंड चिन्ह (#) सह सुरू होते आणि त्यानंतर सहा अक्षरे असतात
पहिला जोडी लाल, दुसरा हिरवा, आणि तिसरा निळा दर्शवितो
प्रत्येक जोडी 00 ते FF (0-255 दशांश) पर्यंत असते
#FF0000 शुद्ध लाल दर्शवितो
#00FF00 शुद्ध हिरवा दर्शवितो
#0000FF शुद्ध निळा दर्शवितो
काही रंगांसाठी संक्षिप्त नोटेशन उपलब्ध आहे (उदा. #F00 लालसाठी)

हेक्स कोड वेब विकास (CSS, HTML) आणि डिजिटल डिझाइन अनुप्रयोगांमध्ये मोठ्या प्रमाणावर वापरले जातात.

CMYK (सियान, मॅजेंटा, पिवळा, की/काळा)

CMYK हा एक सब्ट्रॅक्टिव रंग मॉडेल आहे जो मुख्यतः रंग छपाईसाठी वापरला जातो:

प्रत्येक घटक 0% ते 100% पर्यंत असतो
CMYK(0, 100, 100, 0) शुद्ध लाल दर्शवितो
CMYK(100, 0, 100, 0) शुद्ध हिरवा दर्शवितो
CMYK(100, 100, 0, 0) शुद्ध निळा दर्शवितो
CMYK(0, 0, 0, 100) काळा दर्शवितो
CMYK(0, 0, 0, 0) पांढरा (कागदाचा रंग) दर्शवितो

प्रिंटसाठी मुख्यतः वापरला जातो, CMYK मूल्ये समजून घेणे उपयुक्त ठरू शकते जेव्हा सामग्री अखेरीस छापली जाईल.

HSV (ह्यू, संतृप्ती, मूल्य)

HSV रंगांचे प्रतिनिधित्व करते:

ह्यू: रंग प्रकार (लाल, पिवळा, हिरवा, इ.), डिग्रीमध्ये मोजले जाते (0-360°)
संतृप्ती: रंगाची तीव्रता किंवा शुद्धता (0-100%)
मूल्य: रंगाची चमक (0-100%)

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 ते हेक्स रूपांतरण
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// हेक्स ते 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(`हेक्स: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# RGB ते हेक्स रूपांतरण
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# हेक्स ते 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_color}")
52print(f"CMYK: C={cmyk['c']}%, M={cmyk['m']}%, Y={cmyk['y']}%, K={cmyk['k']}%")
53

1public class ColorConverter {
2    // RGB ते हेक्स रूपांतरण
3    public static String rgbToHex(int r, int g, int b) {
4        return String.format("#%02x%02x%02x", r, g, b);
5    }
6    
7    // हेक्स ते 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("हेक्स: " + 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

संदर्भ

Agoston, M. K. (2013). कंप्यूटर ग्राफिक्स आणि जिओमेट्रिक मॉडेलिंग: कार्यान्वयन आणि अल्गोरिदम. स्प्रिंगर सायन्स & बिझनेस मीडिया.
Adobe Systems. (2000). Adobe RGB (1998) रंग प्रतिमा एन्कोडिंग. Adobe Systems Incorporated.
Fairchild, M. D. (2013). रंग उपस्थिति मॉडेल. जॉन विली & सन्स.
Hunt, R. W. G., & Pointer, M. R. (2011). रंग मोजणे. जॉन विली & सन्स.
Poynton, C. (2012). डिजिटल व्हिडिओ आणि HD: अल्गोरिदम आणि इंटरफेसेस. Elsevier.
W3C. (2018). CSS रंग मॉड्यूल स्तर 4. W3C कार्यरत मसुदा. https://www.w3.org/TR/css-color-4/ वरून मिळवले.
वेब सामग्री प्रवेशयोग्यता मार्गदर्शक तत्त्वे (WCAG) 2.1. (2018). https://www.w3.org/TR/WCAG21/ वरून मिळवले.
आंतरराष्ट्रीय रंग संघटना. (2004). Specification ICC.1:2004-10 (Profile version 4.2.0.0). http://www.color.org/specification/ICC1v42_2006-05.pdf वरून मिळवले.

आजच आमचे रंग निवडक साधन वापरून पहा!

तुमच्या प्रकल्पासाठी परिपूर्ण रंग शोधण्यासाठी तयार आहात का? आमचे वापरण्यास सोपे रंग निवडक रंग निवडणे, समायोजित करणे, आणि विविध स्वरूपांमध्ये रूपांतरित करणे सोपे करते. तुम्ही वेबसाइट डिझाइन करत असाल, डिजिटल कला तयार करत असाल, किंवा प्रिंट सामग्रीची योजना करत असाल, आमचे साधन तुम्हाला आवश्यक असलेली अचूकता आणि लवचिकता प्रदान करते.

आता रंगांमध्ये प्रयोग सुरू करा आणि तुमच्या डिझाइनला पुढच्या स्तरावर आणा!

Whiz Tools

साधा रंग निवडक: RGB, Hex, CMYK रंग मूल्य निवडा आणि कॉपी करा

रंग निवडक

RGB (0-255)

CMYK (0-100)