RGB ਤੋਂ HEX ਕਨਵਰਟਰ

RGB ਤੋਂ Hex ਪਰਿਵਰਤਕ: ਇੱਕ ਸੰਪੂਰਨ ਮਾਰਗਦਰਸ਼ਕ

ਇਹ ਪੰਨਾ RGB (Red, Green, Blue) ਮੁੱਲਾਂ ਨੂੰ ਹੈਕਸਾਡੈਸੀਮਲ (hex) ਰੰਗ ਕੋਡ ਵਿੱਚ ਬਦਲਣ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਤੁਸੀਂ ਤਿੰਨ ਅੰਕ ਦਾਖ਼ਲ ਕਰਦੇ ਹੋ – ਹਰ ਇੱਕ 0 ਤੋਂ 255 ਦੇ ਵਿਚਕਾਰ – ਅਤੇ ਤੁਰੰਤ #1E90FF ਵਰਗਾ ਛੇ-ਅੰਕੀ hex ਕੋਡ ਵੇਖਦੇ ਹੋ। ਇਹ ਸੰਦ ਨਾ ਸਿਰਫ਼ hex ਕੋਡ ਦਿਖਾਉਂਦਾ ਹੈ, ਸਗੋਂ ਰੰਗ ਨੂੰ ਵਿਜ਼ੂਅਲ ਰੂਪ ਵਿੱਚ ਵੀ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਅਤੇ ਹੋਰ ਸਾਰੇ ਸਮਰਥਿਤ ਰੰਗ ਫਾਰਮੈਟਾਂ (HSL, HSV, CMYK, LAB) ਨੂੰ ਇਕੋ ਸਮੇਂ ਅਪਡੇਟ ਕਰਦਾ ਹੈ। ਇਹ ਸਭ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਵਾਪਰਦਾ ਹੈ – ਕੁਝ ਵੀ ਅਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।

RGB ਤੋਂ Hex ਪਰਿਵਰਤਕ: ਵਿਲੱਖਣ ਕਿਵੇਂ ਹੈ?

ਇਹ ਪੰਨਾ RGB (ਦਸ਼ਮਲਵ, ਤਿੰਨ ਚੈਨਲ 0–255) ਤੋਂ hex (ਹੈਕਸਾਡੈਸੀਮਲ, ਛੇ-ਅੰਕੀ ਜਾਂ ਤਿੰਨ-ਅੰਕੀ ਸ਼ਾਰਟਹੈਂਡ) ਵਿੱਚ ਪਰਿਵਰਤਨ ਕਰਦਾ ਹੈ। ਦੋਵੇਂ ਫਾਰਮੈਟ ਇੱਕੋ ਰੰਗ ਸਪੇਸ – sRGB (ਜ਼ਿਆਦਾਤਰ ਡਿਸਪਲੇਅ ਦੁਆਰਾ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਕਾਰਜ ਖੇਤਰ) – ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ, ਇਸ ਲਈ ਕੋਈ ਰੰਗ ਸੀਮਾ ਕੱਟਣ ਜਾਂ ਅਨੁਮਾਨ ਲਗਾਉਣ ਦੀ ਲੋੜ ਨਹੀਂ। hex ਆਉਟਪੁੱਟ ਹਮੇਸ਼ਾ # ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ, ਜਦੋਂ ਤੱਕ ਤੁਸੀਂ ਅੱਠ-ਅੰਕੀ ਰੂਪ (ਉਦਾਹਰਨ #RRGGBBAA) ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ, ਇਸ ਵਿੱਚ ਕੋਈ ਅਲਫ਼ਾ ਚੈਨਲ (ਪਾਰਦਰਸ਼ਿਤਾ) ਨਹੀਂ ਹੁੰਦਾ।

RGB ਇੰਪੁੱਟ ਦੀ ਉਮੀਦ ਹੈ ਕਿ ਅੰਕ ਕੌਮੇ ਜਾਂ ਖਾਲੀ ਥਾਂ ਨਾਲ ਵੱਖ ਕੀਤੇ ਜਾਣ – ਜਿਵੇਂ 79, 70, 229। ਨਤੀਜਾ hex ਕੋਡ ਹਮੇਸ਼ਾ ਛੇ-ਅੰਕੀ ਹੁੰਦਾ ਹੈ (#4F46E5), ਕਿਉਂਕਿ ਹਰ 0–255 ਮੁੱਲ ਇੱਕ ਦੋ-ਅੰਕੀ hex ਜੋੜੇ ਵਿੱਚ ਬਦਲਦਾ ਹੈ। ਇਹ ਪੰਨਾ ਆਪਣੇ-ਆਪ ਤਿੰਨ-ਅੰਕੀ ਸ਼ਾਰਟਹੈਂਡ (#abc) ਨਹੀਂ ਬਣਾਉਂਦਾ; hex ਇੰਪੁੱਟ ਫ਼ੀਲਡ ਸ਼ਾਰਟਹੈਂਡ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ ਅਤੇ ਅੰਦਰੂਨੀ ਤੌਰ 'ਤੇ ਫੈਲਾਉਂਦਾ ਹੈ, ਪਰ ਆਉਟਪੁੱਟ ਛੇ-ਅੰਕੀ ਹੀ ਰਹਿੰਦਾ ਹੈ।

RGB ਰੰਗ ਮਾਡਲ ਅਤੇ 0–255 ਸਕੇਲ

RGB ਇੱਕ ਜੋੜਾਤਮਕ (additive) ਰੰਗ ਮਾਡਲ ਹੈ। ਇਸ ਵਿੱਚ ਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ – ਤਿੰਨ ਪ੍ਰਾਇਮਰੀ ਰੰਗ – ਇੱਕ-ਦੂਜੇ ਨਾਲ ਜੁੜ ਕੇ ਰੰਗ ਬਣਾਉਂਦੇ ਹਨ। ਹਰ ਚੈਨਲ 0 (ਕੋਈ ਰੌਸ਼ਨੀ ਨਹੀਂ) ਤੋਂ 255 (ਪੂਰੀ ਰੌਸ਼ਨੀ) ਤੱਕ ਦੀ ਤੀਬਰਤਾ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ। ਇਹ 0–255 ਸਕੇਲ ਅੱਠ-ਬਿੱਟ (8-bit) ਡਿਜੀਟਲ ਪ੍ਰਤੀਨਿਧਤਾ 'ਤੇ ਅਧਾਰਤ ਹੈ: 2^8 = 256 ਸੰਭਵ ਮੁੱਲ, 0 ਤੋਂ 255 ਤੱਕ। ਕੰਪਿਊਟਰ ਲਈ ਇਹ 1 ਬਾਈਟ ਦੇ ਬਰਾਬਰ ਹੈ।

ਇਸ ਲਈ rgb(255, 0, 0) ਪੂਰਾ ਲਾਲ ਹੈ, rgb(0, 255, 0) ਪੂਰਾ ਹਰਾ, rgb(0, 0, 255) ਪੂਰਾ ਨੀਲਾ, ਅਤੇ rgb(0, 0, 0) ਕਾਲਾ (ਕੋਈ ਰੌਸ਼ਨੀ ਨਹੀਂ), ਜਦੋਂ ਕਿ rgb(255, 255, 255) ਚਿੱਟਾ (ਸਾਰੀਆਂ ਤਿੰਨ ਰੌਸ਼ਨੀਆਂ ਪੂਰੀਆਂ) ਹੈ। ਜਦੋਂ RGB ਮੁੱਲ 0–255 ਤੋਂ ਬਾਹਰ ਹੁੰਦੇ ਹਨ, ਤਾਂ ਇਹ ਸੰਦ ਗਲਤੀ ਸੁਨੇਹਾ ਦਿਖਾਉਂਦਾ ਹੈ: "Enter RGB as three numbers 0–255, like 79, 70, 229" – ਇਹ ਇੱਕ ਸਖਤ ਸੀਮਾ ਹੈ, ਕਿਉਂਕਿ hex ਵਿੱਚ ਵੀ 0–255 ਤੋਂ ਬਾਹਰ ਦਾ ਕੋਈ ਪ੍ਰਤੀਨਿਧ ਨਹੀਂ।

ਹੈਕਸਾਡੈਸੀਮਲ ਰੰਗ ਕੋਡ ਦੀ ਬਣਤਰ

Hex ਰੰਗ ਕੋਡ # (ਹੈਸ਼) ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਇਸ ਤੋਂ ਬਾਅਦ ਛੇ hex ਅੰਕ ਹੁੰਦੇ ਹਨ, ਹਰ ਤਿੰਨ ਜੋੜੇ RR/GG/BB ਦੇ ਰੂਪ ਵਿੱਚ। ਉਦਾਹਰਨ: #FF5733 – ਪਹਿਲੇ ਦੋ ਅੰਕ (FF) ਲਾਲ, ਵਿਚਲੇ ਦੋ (57) ਹਰਾ, ਅਖੀਰਲੇ ਦੋ (33) ਨੀਲਾ। Hex ਅੰਕ 0-9 ਅਤੇ A-F (ਜਾਂ a-f) ਹੁੰਦੇ ਹਨ; A = 10, B = 11,... F = 15। ਕੇਸ ਸੰਵੇਦਨਸ਼ੀਲ ਨਹੀਂ – #FF5733 ਅਤੇ #ff5733 ਬਿਲਕੁਲ ਇੱਕੋ ਰੰਗ ਦਰਸਾਉਂਦੇ ਹਨ। ਪਰ CSS ਵਿੱਚ ਅਕਸਰ ਅਪਰਕੇਸ (Uppercase) ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।

ਸੰਦ ਦਾ hex ਇੰਪੁੱਟ ਫ਼ੀਲਡ ਤਿੰਨ-ਅੰਕੀ ਸ਼ਾਰਟਹੈਂਡ ਵੀ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ – #abc = #aabbcc। ਉਦਾਹਰਨ: #f00 = #ff0000 (ਲਾਲ)। ਇਹ CSS 2.1 ਤੋਂ ਚੱਲੀ ਆ ਰਹੀ ਇੱਕ ਆਗਿਆ ਹੈ, ਪਰ ਸਿਰਫ਼ ਉਦੋਂ ਜਦੋਂ ਹਰ ਜੋੜੇ ਵਿੱਚ ਦੋ ਅੰਕ ਇੱਕੋ ਜਿਹੇ ਹੋਣ। ਇਹ ਪੰਨਾ ਇਸਨੂੰ ਅੰਦਰੂਨੀ ਤੌਰ 'ਤੇ ਫੈਲਾਉਂਦਾ ਹੈ, ਪਰ hex ਆਉਟਪੁੱਟ ਕਦੇ ਵੀ ਸ਼ਾਰਟਹੈਂਡ ਨਹੀਂ ਬਣਾਉਂਦਾ – ਜਿਵੇਂ #AABBCC #ABC ਵਿੱਚ ਨਹੀਂ ਬਦਲਦਾ। ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਹਰ ਇੱਕ RGB ਮੁੱਲ 0-255 ਦਾ ਆਪਣਾ ਇੱਕ ਵਿਸ਼ੇਸ਼ hex ਜੋੜਾ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਸ਼ਾਰਟਹੈਂਡ ਸਿਰਫ਼ 16 (ਅਸਲ 256) ਸੰਭਵ ਮੁੱਲਾਂ ਨੂੰ ਦਰਸਾ ਸਕਦਾ ਹੈ – ਜੋ ਕਿ ਬਹੁਤ ਜ਼ਿਆਦਾ ਸੀਮਤ ਰੰਗ ਪੈਲਟ ਹੈ।

ਪਰਿਵਰਤਨ ਦਾ ਗਣਿਤ: 0–255 ਤੋਂ #FF

ਹਰ RGB ਮੁੱਲ (0–255) ਨੂੰ hex ਵਿੱਚ ਬਦਲਣ ਲਈ ਇੱਕ ਸਧਾਰਨ ਗਣਿਤ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। 255 ਨੂੰ hex ਵਿੱਚ FF = 15×16 + 15 = 255। 0 = 00। ਆਮ ਮੁੱਲ:

ਇਸ ਲਈ rgb(79, 70, 229) ਨੂੰ hex #4F46E5 ਮਿਲਦਾ ਹੈ: 79→4F, 70→46, 229→E5। 79 ÷ 16 = 4 (भागफल) + 15 (शेषफल) → 4F। 229: 14×16=224, remainder 5 → E5। ਇਹ ਪਰਿਵਰਤਨ ਬਿਲਕੁਲ ਉਲਟਾਉਣਯੋਗ (reversible) ਹੈ: hex #4F46E5 ਤੋਂ ਦੁਬਾਰਾ RGB (79,70,229) ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ – ਕੋਈ ਜਾਣਕਾਰੀ ਨਹੀਂ ਗੁੰਮਦੀ। ਇਹ sRGB ਸਪੇਸ ਵਿੱਚ ਸਿਰਫ਼ ਨੁਮਾਇੰਦਗੀ ਦਾ ਰੂਪ ਬਦਲਦਾ ਹੈ।

ਹੋਰ ਰੰਗ ਫਾਰਮੈਟਾਂ ਨਾਲ ਸਬੰਧ

RGB és hex sRGB ਵਿੱਚ ਇੱਕ-ਦੂਜੇ ਦੇ ਸਮਕਾਲੀ ਹਨ, ਪਰ HSL (Hue, Saturation, Lightness), HSV (Hue, Saturation, Value), CMYK (Cyan, Magenta, Yellow, Black) ਅਤੇ LAB (Lightness, a*, b*) – ਇਹ ਸਾਰੇ ਵੱਖ-ਵੱਖ ਰੰਗ ਮਾਡਲਾਂ ਜਾਂ ਕਾਰਜ ਥਾਂਵਾਂ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ। ਇਹ ਪੰਨਾ RGB/hex ਬਦਲਦੇ ਸਾਰੇ ਫਾਰਮੈਟਾਂ ਨੂੰ ਅਪਡੇਟ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਤੁਰੰਤ CMYK (ਛਪਾਈ) ਜਾਂ LAB (ਰੰਗ ਮਿਲਾਨ) ਮੁੱਲ ਵੀ ਫੜ ਸਕੋ।

• HSL: RGB ਤੋਂ ਗਣਨਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ; ਉਦਾਹਰਨ rgb(79,70,229) → hsl(243°, 75%, 59%)।
• CMYK: sRGB ਰੰਗਾਂ ਵਿੱਚ CMYK ਵਿੱਚ ਪਰਿਵਰਤਨ ਸਿਰਫ਼ ਅਨੁਮਾਨਿਤ ਹੁੰਦਾ ਹੈ – ਇਸ ਲਈ hex CMYK, RGB/jpg ਰੰਗਾਂ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰਦੇ ਸਮੇਂ ਆਦਰਸ਼ ਨਹੀਂ ਹੁੰਦੇ।
• LAB: sRGB/hex sRGB LAB ਵਿੱਚ ਬਦਲ ਸਕਦਾ ਹੈ, ਪਰ CIE Lab ਮੁੱਲ sRGB ਰੰਗ ਸਪੇਸ ਤੋਂ ਬਾਹਰ ਦੇ ਰੰਗ ਵੀ ਦਿਖਾ ਸਕਦੇ ਹਨ। ਇਸ ਸੰਦ ਵਿੱਚ sRGB hex → LAB ਪਰਿਵਰਤਨ sRGB ਸੀਮਾ ਦੇ ਅੰਦਰ ਹੀ ਕੰਮ ਕਰਦਾ ਹੈ।

ਸਾਰੇ ਫਾਰਮੈਟ ਇੱਕ-ਦੂਜੇ ਨੂੰ ਤੁਰੰਤ ਅਪਡੇਟ ਕਰਦੇ ਹਨ – ਕੋਈ "Convert" ਬਟਨ ਨਹੀਂ ਹੈ। RGB hex input edit ਕਰਨ 'ਤੇ ਦੂਜੇ ਫਾਰਮੈਟ (CMYK, LAB, HSL, HSV) ਆਟੋਮੈਟਿਕ ਬਦਲ ਜਾਂਦੇ ਹਨ।

ਆਮ ਗਲਤੀਆਂ ਅਤੇ ਸੁਝਾਅ

• 0–255 ਤੋਂ ਬਾਹਰ: RGB ਮੁੱਲ 256 (ਜਾਂ 1, 700) ਦੇਣ 'ਤੇ error – "Enter RGB as three numbers 0–255".
• ਅਵੈਧ ਸੈਪਰੇਟਰ: 79 70 229 (ਸਪੇਸ) ਜਾਂ 79,70,229 (ਕੋਮਾ) ਸਹੀ; 79:70:229 ਜਾਂ 79-70-229 ਗਲਤ – tool parse correct form.
• ਤਿੰਨ-ਅੰਕੀ hex: hex input #abc OK, output #aabbcc; input #ab3 OK, output #aa33bb (but only if pairs match? Actually #ab3 = #aabb33 – OK). Tool expands correctly.
• hex input without #: ff5733 no hash – tool may show error or treat differently. Fact sheet says hex output starts with #; input likely expects #. Best practice: always include #.
• Case sensitivity: Hex input case insensitive – #FF5733 or #ff5733 same result.
• RGB with decimal point: 79.5, 70, 229 – likely parse error. Input should be integers.
• Leading zeros: 02, 05, 200 valid – 2 = 0x02 / #0205C8.

ਸੁਝਾਅ: RGB ਮੁੱਲ Photoshop, GIMP, ਜਾਂ browser DevTools (e.g., Chrome Elements panel) ਤੋਂ ਕਾਪੀ ਕਰਨ 'ਤੇ rgb(79, 70, 229) format in parentheses – but this tool expects just three numbers. Remove parentheses and "rgb()" text.

FAQ (ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ)

1. ਕੀ RGB (0–255) ਅਤੇ hex ਇੱਕੋ ਰੰਗ ਦਰਸਾਉਂਦੇ ਹਨ? ਹਾਂ, ਦੋਵੇਂ sRGB color space ਵਿੱਚ ਇੱਕੋ ਬਿੰਦੂ ਦਰਸਾਉਂਦੇ ਹਨ। ਪਰਿਵਰਤਨ exact ਹੈ – RGB 79,70,229 = #4F46E5, ਅਤੇ ਉਲਟਾ #4F46E5 = 79,70,229।

2. hex output 6-digit ਕਿਉਂ ਹੈ, 3-digit shorthand ਕਿਉਂ ਨਹੀਂ? Tool 3-digit shorthand generate ਨਹੀਂ ਕਰਦਾ, ਕਿਉਂਕਿ 3-digit CSS shorthand worker only when each pair digits are identical (e.g., #aabbcc → #abc). But every RGB value 0–255 maps to a unique 6-digit hex; 3-digit form can represent only 4096 colors (16^3), not 16.7 million (256^3). Tool expands 3-digit input but never collapses output.

3. ਕੀ hex input #fff (3 letter) accept ho jāvegā? Yes, input field acc. #fff → expands to #ffffff internally. No error.

4. How is hex different from RGB in CSS? CSS properties like color accept both: color: #1E90FF and color: rgb(30,144,255) exact same. Hex is more compact. But CSS also supports rgba() and 8-digit hex (#RRGGBBAA) for alpha transparency, which this tool does not output (unless using separate alpha field? Fact sheet says tool output always 6-digit #, no alpha). So for transparency you might need further conversion.

5. Why does the tool show error when I enter "79 70"? Missing third number. RGB must have three numbers. Error message: "Enter RGB as three numbers 0–255, like 79, 70, 229".

6. Can I use this tool offline? Yes – all processing happens in your browser; no data uploaded. Once page loaded, you can disconnect internet and still use it.

ਇਹ RGB-to-hex ਪਰਿਵਰਤਕ ਇੱਕ ਸੁਚੱਜਾ, ਸਹੀ ਅਤੇ ਅਸਲ-ਸਮੇਂ (real-time) ਦਾ ਸੰਦ ਹੈ। ਇਹ ਛੋਟੀਆਂ-ਛੋਟੀਆਂ ਗੱਲਾਂ – ਜਿਵੇਂ 0–255 ਸੀਮਾ, six-digit hex, ਅਤੇ error handling – ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਦਾ ਹੈ, ਜੋ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ, UI/UX ਡਿਜ਼ਾਈਨਰਾਂ, ਅਤੇ ਸਟੂਡੈਂਟਸ ਲਈ ਮਦਦਗਾਰ ਹੈ। RGB-से-hex conversion sRGB color space 'ਤੇ base hoke exact hai – koi clipping, koi approximation. Use it for seamless color format conversion.