سادہ اور صارف دوست رنگ چننے کا ٹول

تعارف

رنگ چننے کا ٹول ایک بدیہی، استعمال میں آسان ایپلیکیشن ہے جو صارفین کو متعدد رنگ فارمیٹس میں رنگ منتخب کرنے، بصری شکل دینے اور تبدیل کرنے میں مدد کرنے کے لیے ڈیزائن کیا گیا ہے۔ چاہے آپ ایک ویب ڈیزائنر ہوں جو رنگ سکیم تیار کر رہا ہو، ایک ڈیجیٹل آرٹسٹ جو بہترین رنگ تلاش کر رہا ہو، یا ایک ڈویلپر جو صارف کے انٹرفیس کو نافذ کر رہا ہو، یہ رنگ چننے کا ٹول آپ کو 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(`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
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 سے ہییکس تبدیلی
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، Hex، CMYK رنگ کی قدریں منتخب کریں اور کاپی کریں

رنگ چنندہ

آر جی بی (0-255)

سی ایم وائی کے (0-100)