எளிய நிற தேர்வாளர்: RGB, Hex, CMYK நிற மதிப்புகளை தேர்வு & நகலெடுக்கவும்

இயற்கை நிற தேர்வாளர், இடைமுக ஸ்பெக்ட்ரம் காட்சி மற்றும் பிரகாசம் ஸ்லைடர் உடன். பார்வையில் நிறங்களை தேர்வு செய்யவும் அல்லது RGB, Hex, அல்லது CMYK வடிவங்களில் சரியான மதிப்புகளை உள்ளிடவும். உங்கள் வடிவமைப்பு திட்டங்களுக்கு ஒரு கிளிக்கில் நிறக் குறியீடுகளை நகலெடுக்கவும்.

நிறத்தை தேர்வு செய்யும் கருவி

ஹெக்ஸ் நிறம்

ஆர்.ஜி.பி (0-255)

சிகப்பு (ஆர்)

பச்சை (ஜி)

நீலம் (பி)

சிஎம்ய்கே (0-100)

சயன் (சி)

மஜென்டா (எம்)

மஞ்சள் (யே)

கருப்பு (கே)

நிறத்தை தேர்வு செய்யும் கருவி

100%

📚

ஆவணங்கள்

எளிமையான மற்றும் பயனர் நட்பு நிறத் தேர்வாளர் கருவி

அறிமுகம்

நிறத் தேர்வாளர் கருவி என்பது பயனர்களுக்கு நிறங்களை தேர்ந்தெடுக்க, காட்சி செய்ய மற்றும் பல நிற வடிவங்களில் மாற்றுவதற்கு உதவுவதற்காக வடிவமைக்கப்பட்ட ஒரு புரிந்துகொள்ள எளிதான, பயனர் நட்பு பயன்பாடு ஆகும். நீங்கள் ஒரு வலை வடிவமைப்பாளர் ஆக இருந்தாலும், நிறத் திட்டத்தை உருவாக்குகிறீர்கள், ஒரு டிஜிட்டல் கலைஞராக இருந்தாலும், சரியான நிழலை தேடுகிறீர்கள், அல்லது ஒரு பயனர் இடைமுகத்தை செயல்படுத்தும் மேம்படுத்துபவராக இருந்தாலும், இந்த நிறத் தேர்வாளர் 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 (10-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 to Hex conversion
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 to RGB conversion
12function hexToRgb(hex) {
13  // Remove # if present
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Handle both 3-digit and 6-digit 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 to CMYK conversion
29function rgbToCmyk(r, g, b) {
30  // Normalize RGB values
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Calculate K (black)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Handle pure black
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // Calculate 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// Example usage
57const rgb = { r: 255, g: 0, b: 0 }; // Pure red
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# RGB to Hex conversion
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Hex to RGB conversion
6def hex_to_rgb(hex_color):
7    # Remove # if present
8    hex_color = hex_color.lstrip('#')
9    
10    # Handle both 3-digit and 6-digit 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 to CMYK conversion
21def rgb_to_cmyk(r, g, b):
22    # Normalize RGB values
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # Calculate K (black)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Handle pure black
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # Calculate 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# Example usage
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Sky blue
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 to Hex conversion
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 to RGB conversion
8    public static int[] hexToRgb(String hexColor) {
9        // Remove # if present
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Handle both 3-digit and 6-digit 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 to CMYK conversion
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // Normalize RGB values
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // Calculate K (black)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Handle pure black
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // Calculate 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        // Example usage
60        int r = 75, g = 0, b = 130;  // Purple
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

மேற்கோள்கள்

Agoston, M. K. (2013). Computer Graphics and Geometric Modeling: Implementation and Algorithms. Springer Science & Business Media.
Adobe Systems. (2000). Adobe RGB (1998) Color Image Encoding. Adobe Systems Incorporated.
Fairchild, M. D. (2013). Color Appearance Models. John Wiley & Sons.
Hunt, R. W. G., & Pointer, M. R. (2011). Measuring Colour. John Wiley & Sons.
Poynton, C. (2012). Digital Video and HD: Algorithms and Interfaces. Elsevier.
W3C. (2018). CSS Color Module Level 4. W3C Working Draft. Retrieved from https://www.w3.org/TR/css-color-4/
Web Content Accessibility Guidelines (WCAG) 2.1. (2018). Retrieved from https://www.w3.org/TR/WCAG21/
International Color Consortium. (2004). Specification ICC.1:2004-10 (Profile version 4.2.0.0). Retrieved from http://www.color.org/specification/ICC1v42_2006-05.pdf

இன்று எங்கள் நிறத் தேர்வாளர் முயற்சிக்கவும்!

உங்கள் திட்டத்திற்கு சரியான நிறத்தை கண்டுபிடிக்க தயாரா? எங்கள் பயனர் நட்பு நிறத் தேர்வாளர் நிறங்களை தேர்ந்தெடுக்க, சரிசெய்ய மற்றும் பல்வேறு வடிவங்களில் மாற்றுவதற்கு எளிதானதாக இருக்கிறது. நீங்கள் ஒரு வலைத்தளம் வடிவமைக்கிறீர்களா, டிஜிட்டல் கலை உருவாக்குகிறீர்களா அல்லது அச்சிடும் பொருட்களை திட்டமிடுகிறீர்களா, எங்கள் கருவி உங்களுக்கு தேவையான துல்லியத்தையும் நெகிழ்வையும் வழங்குகிறது.

இப்போது நிறங்களுடன் பரிசோதிக்க தொடங்குங்கள் மற்றும் உங்கள் வடிவமைப்புகளை அடுத்த நிலைக்கு எடுத்துச் செல்லுங்கள்!

💬

பின்னூட்டம்

💬

இந்த கருவி பற்றி பின்னூட்டம் அளிக்க தொடங்க பின்னூட்டத்தை கிளிக் செய்யவும்

🔗

சம்பந்தப்பட்ட கருவிகள்

உங்கள் வேலைப்பாட்டுக்கு பயனுள்ளதாக இருக்கக்கூடிய மேலும் கருவிகளை கண்டறியவும்

எளிய நிறப் பல்லெட் உருவாக்கி: ஒத்த நிறத் திட்டங்களை உருவாக்கவும்

இந்த கருவியை முயற்சிக்கவும்