RGB ਤੋਂ HEX ਕਨਵਰਟਰ
RGB ਮੁੱਲਾਂ ਨੂੰ HEX ਕਲਰ ਕੋਡ ਵਿੱਚ ਬਦਲੋ।
RGB ਤੋਂ HEX ਕਨਵਰਟਰ ਬਾਰੇ
GuruAlpha RGB to HEX ਕਨਵਰਟਰ RGB ਕਲਰ ਵੈਲਯੂਜ਼ (ਜਿਵੇਂ rgb(255, 87, 51)) ਨੂੰ ਹੈਕਸਾਡੈਸੀਮਲ ਕਲਰ ਕੋਡਾਂ (ਜਿਵੇਂ #FF5733) ਵਿੱਚ ਬਦਲਦਾ ਹੈ। ਲਾਲ, ਹਰੇ ਅਤੇ ਨੀਲੇ ਵੈਲਯੂਜ਼ (ਹਰੇਕ 0-255) ਦਾਖਲ ਕਰੋ ਅਤੇ ਟੂਲ CSS, HTML ਅਤੇ ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਵਿੱਚ ਵਰਤੋਂ ਲਈ ਸੰਬੰਧਿਤ HEX ਕੋਡ ਤਿਆਰ ਕਰਦਾ ਹੈ।
RGB ਵੈਲਯੂਜ਼ ਆਮ ਤੌਰ 'ਤੇ ਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ (Photoshop, Figma), JavaScript ਕੈਨਵਸ ਡਰਾਇੰਗ ਅਤੇ rgba() ਵਰਗੇ CSS ਫੰਕਸ਼ਨਾਂ ਵਿੱਚ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ। ਹਾਲਾਂਕਿ, HEX ਕੋਡ CSS ਸਟਾਈਲਸ਼ੀਟਾਂ ਅਤੇ HTML ਵਿੱਚ ਵਧੇਰੇ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ। ਕਨਵਰਟਰ ਇਸ ਪਾੜੇ ਨੂੰ ਪੂਰਾ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਅਤੇ ਵੈੱਬ ਕੋਡ ਵਿਚਕਾਰ ਰੰਗਾਂ ਦੀ ਬਦਲੀ ਸੌਖੀ ਹੋ ਜਾਂਦੀ ਹੈ।
ਟੂਲ ਕਈ ਇਨਪੁੱਟ ਫਾਰਮੈਟਾਂ ਵਿੱਚ RGB ਵੈਲਯੂਜ਼ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ: ਵੱਖਰੇ R, G, B ਸਲਾਈਡਰ (0-255), CSS rgb() ਫੰਕਸ਼ਨ ਫਾਰਮੈਟ, ਕੌਮੇ ਨਾਲ ਵੱਖ ਕੀਤੀਆਂ ਵੈਲਯੂਜ਼ (255,87,51) ਜਾਂ ਵੱਖਰੇ ਨੰਬਰ ਇਨਪੁੱਟ। ਇਸ ਲਚਕ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਸਰੋਤ — ਕੋਡ, ਡਿਜ਼ਾਈਨ ਟੂਲ, ਦਸਤਾਵੇਜ਼ — ਤੋਂ RGB ਵੈਲਯੂਜ਼ ਪੇਸਟ ਕਰਕੇ ਸਹੀ HEX ਆਊਟਪੁੱਟ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ।
ਬਦਲੀ ਗਣਿਤਿਕ ਤੌਰ 'ਤੇ ਸਟੀਕ ਹੈ: ਹਰ RGB ਚੈਨਲ (0-255) ਦੋ-ਅੰਕੀ ਹੈਕਸਾਡੈਸੀਮਲ ਵੈਲਯੂ (00-FF) ਵਿੱਚ ਬਦਲਦਾ ਹੈ। ਟੂਲ ਸਾਰੇ ਕਿਨਾਰੇ ਦੇ ਕੇਸਾਂ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਸ਼ੁੱਧ ਕਾਲਾ (rgb(0,0,0) = #000000), ਸ਼ੁੱਧ ਚਿੱਟਾ (rgb(255,255,255) = #FFFFFF) ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ ਰੰਗ ਸ਼ਾਮਲ ਹਨ।
ਬਿਜ਼ੂਅਲ ਝਲਕ ਰੰਗ ਨੂੰ ਇੱਕ ਸਵੈਚ ਵਜੋਂ ਦਿਖਾਉਂਦੀ ਹੈ, ਜਿਸ ਨਾਲ ਤੇਜ਼ੀ ਨਾਲ ਪੁਸ਼ਟੀ ਹੁੰਦੀ ਹੈ ਕਿ ਬਦਲੀ ਇੱਛਤ ਰੰਗ ਨਾਲ ਮੇਲ ਖਾਂਦੀ ਹੈ। ਸ਼ਾਰਟਹੈਂਡ HEX (#F53) ਵੀ ਤਿਆਰ ਹੁੰਦਾ ਹੈ ਜਦੋਂ 6-ਅੰਕੀ ਕੋਡ ਵਿੱਚ ਮੇਲ ਖਾਂਦੇ ਜੋੜੇ ਹੋਣ (ਜਿਵੇਂ, #FF5533 ਨੂੰ ਛੋਟਾ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ, ਪਰ #FF1122 ਨੂੰ #F12 ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ)।
RGB ਤੋਂ HEX ਕਨਵਰਟਰ ਦੀਆਂ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
- RGB ਨੂੰ HEX ਕਲਰ ਕੋਡਾਂ ਵਿੱਚ ਬਦਲੋ
- ਕਈ ਇਨਪੁੱਟ ਫਾਰਮੈਟ: ਸਲਾਈਡਰ, CSS rgb(), ਨੰਬਰ
- 6-ਅੰਕੀ ਅਤੇ 3-ਅੰਕੀ ਸ਼ਾਰਟਹੈਂਡ HEX ਦੋਵੇਂ ਤਿਆਰ ਕਰਦਾ ਹੈ
- ਬਿਜ਼ੂਅਲ ਰੰਗ ਝਲਕ
- ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਇੱਕ-ਕਲਿੱਕ ਕਾਪੀ
- ਅਲਫ਼ਾ ਚੈਨਲ (RGBA) ਸਹਾਇਤਾ
- ਤੁਰੰਤ ਬਦਲੀ
- ਗੋਪਨੀਯਤਾ ਲਈ ਬ੍ਰਾਊਜ਼ਰ-ਆਧਾਰਿਤ
RGB ਤੋਂ HEX ਕਨਵਰਟਰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
- GuruAlpha 'ਤੇ RGB to HEX ਕਨਵਰਟਰ ਖੋਲ੍ਹੋ।
- ਸਲਾਈਡਰ ਜਾਂ ਨੰਬਰ ਇਨਪੁੱਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ RGB ਵੈਲਯੂਜ਼ ਦਾਖਲ ਕਰੋ।
- ਜਾਂ ਕੋਈ rgb() ਜਾਂ rgba() ਫੰਕਸ਼ਨ ਸਟ੍ਰਿੰਗ ਪੇਸਟ ਕਰੋ।
- HEX ਕੋਡ ਤੁਰੰਤ ਤਿਆਰ ਹੁੰਦਾ ਹੈ।
- ਰੰਗ ਦਾ ਝਲਕ ਸਵੈਚ ਵੇਖੋ।
- CSS ਜਾਂ ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਵਿੱਚ ਵਰਤੋਂ ਲਈ HEX ਕੋਡ ਕਾਪੀ ਕਰੋ।
RGB ਤੋਂ HEX ਕਨਵਰਟਰ ਵਰਤਣ ਦੇ ਸੁਝਾਅ
- ਵੱਧ ਤੋਂ ਵੱਧ ਅਨੁਕੂਲਤਾ ਲਈ 6-ਅੰਕੀ HEX ਵਰਤੋ।
- 3-ਅੰਕੀ ਸ਼ਾਰਟਹੈਂਡ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ ਪਰ ਸਾਰੇ ਸੰਦਰਭਾਂ ਵਿੱਚ ਨਹੀਂ।
- ਟੂਲ ਸੰਭਵ ਹੋਣ 'ਤੇ ਸ਼ਾਰਟਹੈਂਡ ਤਿਆਰ ਕਰਦਾ ਹੈ (ਜਿਵੇਂ, #FF1122 → #F12)।
- ਪਾਰਦਰਸ਼ਤਾ ਲਈ, 8-ਅੰਕੀ HEX (#FF573380) ਜਾਂ rgba() ਵਰਤੋ।
- ਸਿੱਧਾ CSS ਕੋਡ ਤੋਂ ਪੇਸਟ ਕਰੋ — ਟੂਲ rgb() ਸਟ੍ਰਿੰਗਾਂ ਨੂੰ ਪਾਰਸ ਕਰਦਾ ਹੈ।
RGB ਤੋਂ HEX ਕਨਵਰਟਰ ਬਾਰੇ ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
RGB ਕੀ ਹੈ?
RGB ਦਾ ਮਤਲਬ ਲਾਲ, ਹਰਾ, ਨੀਲਾ ਹੈ — ਰੋਸ਼ਨੀ ਦੇ ਤਿੰਨ ਮੁੱਢਲੇ ਰੰਗ। ਹਰ ਚੈਨਲ 0 (ਕੁਝ ਨਹੀਂ) ਤੋਂ 255 (ਵੱਧ ਤੋਂ ਵੱਧ) ਤੱਕ ਹੁੰਦਾ ਹੈ। ਮਿਲ ਕੇ, ਇਹ ਸਕ੍ਰੀਨ 'ਤੇ ਕੋਈ ਵੀ ਰੰਗ ਪੈਦਾ ਕਰਦੇ ਹਨ।
3-ਅੰਕੀ ਅਤੇ 6-ਅੰਕੀ HEX ਵਿੱਚ ਕੀ ਫ਼ਰਕ ਹੈ?
3-ਅੰਕੀ HEX (#F53) ਹਰ ਅੱਖਰ ਨੂੰ ਫੈਲਾਉਂਦਾ ਹੈ: #F53 = #FF5533। 6-ਅੰਕੀ HEX ਹਰ ਚੈਨਲ ਨੂੰ ਸਿੱਧਾ ਦਰਸਾਉਂਦਾ ਹੈ। 6-ਅੰਕੀ ਵਧੇਰੇ ਸਟੀਕ ਹੈ।
ਕੀ ਇਹ ਪਾਰਦਰਸ਼ਤਾ ਸੰਭਾਲਦਾ ਹੈ?
ਹਾਂ। RGBA ਇਨਪੁੱਟ (ਅਲਫ਼ਾ ਨਾਲ) 8-ਅੰਕੀ HEX ਤਿਆਰ ਕਰਦਾ ਹੈ। ਅਲਫ਼ਾ ਚੈਨਲ (0-1) ਇੱਕ ਹੈਕਸ ਜੋੜੇ (00-FF) ਵਿੱਚ ਬਦਲਦਾ ਹੈ।
ਕੀ ਮੈਂ ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਤੋਂ ਬਦਲ ਸਕਦਾ ਹਾਂ?
ਹਾਂ। Figma, Photoshop ਜਾਂ ਕਿਸੇ ਵੀ ਡਿਜ਼ਾਈਨ ਟੂਲ ਤੋਂ RGB ਵੈਲਯੂਜ਼ ਕਾਪੀ ਕਰੋ ਅਤੇ ਕਨਵਰਟਰ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।