સરળ અને વપરાશકર્તા-મૈત્રીપૂર્ણ રંગ પિકર સાધન

પરિચય

રંગ પિકર સાધન એ એક સુગમ, ઉપયોગમાં સરળ એપ્લિકેશન છે જે વપરાશકર્તાઓને વિવિધ રંગ ફોર્મેટમાં રંગો પસંદ કરવા, દૃશ્યમાન કરવા અને રૂપાંતરિત કરવામાં મદદ કરવા માટે ડિઝાઇન કરવામાં આવ્યું છે. તમે વેબ ડિઝાઇનર હો, રંગ યોજના બનાવતા હો, ડિજિટલ કલાકાર હો કે યુઝર ઇન્ટરફેસ અમલમાં મૂકતા હો, આ રંગ પિકર 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 સંખ્યા પદ્ધતિનો ઉપયોગ કરીને રજૂ કરવાનો એક માર્ગ છે:

એક હેક્સ રંગ pound ચિહ્ન (#) સાથે શરૂ થાય છે જે પછી છ અક્ષરો હોય છે
પ્રથમ જોડી લાલ, બીજી લીલુ, અને ત્રીજી નીલને દર્શાવે છે
દરેક જોડી 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(`Hex: ${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.0
24    g_norm = g / 255.0
25    b_norm = b / 255.0
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 થી હેક્સ રૂપાંતરણ
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("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

સંદર્ભો

અગોસ્ટોન, એમ. કે. (2013). કમ્પ્યુટર ગ્રાફિક્સ અને જ્યોમેટ્રિક મોડેલિંગ: અમલ અને અલ્ગોરિધમ. સ્પ્રિંગર સાયન્સ & બિઝનેસ મીડિયા.
એડોબી સિસ્ટમ્સ. (2000). એડોબી RGB (1998) રંગ છબી એન્કોડિંગ. એડોબી સિસ્ટમ્સ ઇન્કોરપોરેટેડ.
ફેયરચાઇલ્ડ, એમ. ડી. (2013). રંગ દેખાવ મોડલ. જ્હોન વાઈલીએ & સન્સ.
હન્ટ, આર. ડબલ્યુ. જી., & પોઇન્ટર, એમ. આર. (2011). રંગ માપવું. જ્હોન વાઈલીએ & સન્સ.
પોઇન્ટન, સી. (2012). ડિજિટલ વિડિઓ અને HD: અલ્ગોરિધમ અને ઇન્ટરફેસ. એલ્સેવિયર.
W3C. (2018). CSS રંગ મોડ્યુલ સ્તર 4. W3C કાર્યક્ષેત્ર. https://www.w3.org/TR/css-color-4/ પરથી મેળવેલ
વેબ સામગ્રી ઉપલબ્ધતા માર્ગદર્શિકાઓ (WCAG) 2.1. (2018). https://www.w3.org/TR/WCAG21/ પરથી મેળવેલ
આંતરરાષ્ટ્રીય રંગ સંમતિ. (2004). વિશિષ્ટતા ICC.1:2004-10 (પ્રોફાઇલ આવૃત્તિ 4.2.0.0). http://www.color.org/specification/ICC1v42_2006-05.pdf પરથી મેળવેલ

આજે અમારા રંગ પિકરનો પ્રયાસ કરો!

તમારા પ્રોજેક્ટ માટે યોગ્ય રંગ શોધવા માટે તૈયાર છો? અમારા વપરાશકર્તા-મૈત્રીપૂર્ણ રંગ પિકર રંગો પસંદ કરવા, સમાયોજિત કરવા અને વિવિધ ફોર્મેટ્સમાં રૂપાંતરિત કરવા માટે સરળ બનાવે છે. તમે વેબસાઇટ ડિઝાઇન કરી રહ્યા છો, ડિજિટલ કલા બનાવી રહ્યા છો, અથવા છાપા સામગ્રીની યોજના બનાવી રહ્યા છો, અમારી ટૂલ તમને જરૂરિયાતની ચોકસાઈ અને લવચીકતા પ્રદાન કરે છે.

હવે રંગો સાથે પ્રયોગ શરૂ કરો અને તમારા ડિઝાઇનને નવા સ્તરે લઈ જાઓ!

Whiz Tools

સરળ રંગ પિકર: RGB, હેક્સ, CMYK રંગ મૂલ્યો પસંદ કરો અને નકલ કરો

રંગ પસંદકર્તા

RGB (0-255)

CMYK (0-100)