HEX ਤੋਂ RGB ਕਨਵਰਟਰ
HEX ਕਲਰ ਕੋਡ ਨੂੰ RGB ਮੁੱਲਾਂ ਵਿੱਚ ਬਦਲੋ।
HEX ਤੋਂ RGB ਕਨਵਰਟਰ ਬਾਰੇ
GuruAlpha HEX to RGB ਕਨਵਰਟਰ ਹੈਕਸਾਡੈਸੀਮਲ ਕਲਰ ਕੋਡਾਂ (ਜਿਵੇਂ #FF5733) ਨੂੰ RGB ਵੈਲਯੂਜ਼ (ਜਿਵੇਂ rgb(255, 87, 51)) ਵਿੱਚ ਤੁਰੰਤ ਬਦਲਦਾ ਹੈ। ਕੋਈ ਵੀ HEX ਕੋਡ ਪੇਸਟ ਕਰੋ ਅਤੇ ਸੰਬੰਧਿਤ RGB, HSL ਅਤੇ ਡੈਸੀਮਲ ਵੈਲਯੂਜ਼ ਵੇਖੋ। ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ, ਡਿਜ਼ਾਈਨਰਾਂ ਅਤੇ CSS ਰੰਗਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਵਾਲੇ ਹਰ ਕਿਸੇ ਲਈ ਜ਼ਰੂਰੀ।
HEX ਕਲਰ ਕੋਡ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਵਿੱਚ ਸਭ ਤੋਂ ਆਮ ਫਾਰਮੈਟ ਹਨ, ਜੋ CSS, HTML ਇਨਲਾਈਨ ਸਟਾਈਲਾਂ ਅਤੇ ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਵਿੱਚ ਵਰਤੇ ਜਾਂਦੇ ਹਨ। ਹਾਲਾਂਕਿ, ਕੁਝ ਸੰਦਰਭਾਂ ਵਿੱਚ RGB ਵੈਲਯੂਜ਼ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ — ਪਾਰਦਰਸ਼ਤਾ ਲਈ rgba() ਵਰਗੇ CSS ਫੰਕਸ਼ਨ, ਕੈਨਵਸ ਡਰਾਇੰਗ API ਅਤੇ ਕੁਝ ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ। ਕਨਵਰਟਰ ਫਾਰਮੈਟਾਂ ਵਿਚਕਾਰ ਬਦਲੀ ਨੂੰ ਸੌਖਾ ਬਣਾ ਦਿੰਦਾ ਹੈ।
ਟੂਲ ਸਾਰੇ HEX ਫਾਰਮੈਟ ਸੰਭਾਲਦਾ ਹੈ: ਸ਼ਾਰਟਹੈਂਡ (#F53), ਮਿਆਰੀ (#FF5533), ਹੈਸ਼ ਪ੍ਰੀਫਿਕਸ ਨਾਲ ਜਾਂ ਬਿਨਾਂ, ਅਤੇ ਅਲਫ਼ਾ ਚੈਨਲ ਨਾਲ 8-ਅੰਕੀ HEX (#FF553380)। ਹਰ ਇਨਪੁੱਟ ਫਾਰਮੈਟ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਪਾਰਸ ਅਤੇ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ। ਆਊਟਪੁੱਟ ਵਿੱਚ RGB ਵੈਲਯੂਜ਼ (ਪ੍ਰਤੀ ਚੈਨਲ 0-255), HSL ਵੈਲਯੂਜ਼ (ਹਿਊ, ਸੈਚੁਰੇਸ਼ਨ, ਲਾਈਟਨੈੱਸ) ਅਤੇ ਮੌਜੂਦ ਹੋਣ 'ਤੇ ਅਲਫ਼ਾ ਚੈਨਲ (0-1) ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ।
ਬਿਜ਼ੂਅਲ ਝਲਕ ਰੰਗ ਨੂੰ ਬਦਲੀਆਂ ਵੈਲਯੂਜ਼ ਦੇ ਨਾਲ ਇੱਕ ਵੱਡੇ ਸਵੈਚ ਵਜੋਂ ਦਿਖਾਉਂਦੀ ਹੈ। ਇਹ ਤੁਰੰਤ ਬਿਜ਼ੂਅਲ ਫੀਡਬੈਕ ਇਹ ਪੁਸ਼ਟੀ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਕਿ ਬਦਲੀ ਸਹੀ ਹੈ — ਜੇ ਸਵੈਚ ਤੁਹਾਡੇ ਉਮੀਦ ਕੀਤੇ ਰੰਗ ਨਾਲ ਮੇਲ ਨਹੀਂ ਖਾਂਦਾ, ਤਾਂ ਇਨਪੁੱਟ ਗਲਤ ਟਾਈਪ ਹੋਇਆ ਹੋ ਸਕਦਾ ਹੈ।
CSS ਪ੍ਰੀਪ੍ਰੋਸੈਸਰਾਂ ਵਿਚਕਾਰ ਮਾਈਗ੍ਰੇਟ ਕਰਨ ਵਾਲੇ (Sass ਵਿੱਚ HEX, Less ਵਿੱਚ RGB) ਜਾਂ RGB ਨੂੰ ਤਰਜੀਹ ਦੇਣ ਵਾਲੀਆਂ JavaScript ਕਲਰ ਲਾਇਬ੍ਰੇਰੀਆਂ ਨਾਲ ਕੰਮ ਕਰਨ ਵਾਲੇ ਡਿਵੈਲਪਰਾਂ ਲਈ, ਕਨਵਰਟਰ ਬਿਲਕੁਲ ਲੋੜੀਂਦੀਆਂ ਵੈਲਯੂਜ਼ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਹਰ ਫਾਰਮੈਟ ਵਿੱਚ ਇੱਕ-ਕਲਿੱਕ ਕਾਪੀ ਬਟਨ ਬਦਲੀ ਵੈਲਯੂ ਨੂੰ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ ਪੇਸਟ ਕਰਨਾ ਸੌਖਾ ਬਣਾਉਂਦਾ ਹੈ।
HEX ਤੋਂ RGB ਕਨਵਰਟਰ ਦੀਆਂ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
- HEX ਨੂੰ RGB, HSL ਅਤੇ ਡੈਸੀਮਲ ਵੈਲਯੂਜ਼ ਵਿੱਚ ਬਦਲੋ
- 3, 4, 6 ਅਤੇ 8-ਅੰਕੀ HEX ਕੋਡਾਂ ਦੀ ਸਹਾਇਤਾ
- ਹੈਸ਼ ਪ੍ਰੀਫਿਕਸ ਨਾਲ ਅਤੇ ਬਿਨਾਂ
- ਅਲਫ਼ਾ ਚੈਨਲ ਸਹਾਇਤਾ
- ਬਿਜ਼ੂਅਲ ਰੰਗ ਝਲਕ
- ਕਿਸੇ ਵੀ ਫਾਰਮੈਟ ਵਿੱਚ ਇੱਕ-ਕਲਿੱਕ ਕਾਪੀ
- ਤੁਰੰਤ ਬਦਲੀ
- ਗੋਪਨੀਯਤਾ ਲਈ ਬ੍ਰਾਊਜ਼ਰ-ਆਧਾਰਿਤ
HEX ਤੋਂ RGB ਕਨਵਰਟਰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
- GuruAlpha 'ਤੇ HEX to RGB ਕਨਵਰਟਰ ਖੋਲ੍ਹੋ।
- ਇੱਕ HEX ਕਲਰ ਕੋਡ ਦਾਖਲ ਕਰੋ (#FF5733 ਜਾਂ FF5733)।
- RGB, HSL ਅਤੇ ਡੈਸੀਮਲ ਵੈਲਯੂਜ਼ ਤੁਰੰਤ ਦਿਖਾਈ ਦਿੰਦੀਆਂ ਹਨ।
- ਰੰਗ ਦਾ ਝਲਕ ਸਵੈਚ ਵੇਖੋ।
- CSS ਜਾਂ ਕੋਡ ਵਿੱਚ ਵਰਤੋਂ ਲਈ RGB ਵੈਲਯੂ ਕਾਪੀ ਕਰੋ।
HEX ਤੋਂ RGB ਕਨਵਰਟਰ ਵਰਤਣ ਦੇ ਸੁਝਾਅ
- 3-ਅੰਕੀ HEX (#F53) ਹਰ ਅੱਖਰ ਨੂੰ ਦੁੱਗਣਾ ਕਰਕੇ 6-ਅੰਕੀ (#FF5533) ਵਿੱਚ ਫੈਲਦਾ ਹੈ।
- 8-ਅੰਕੀ HEX ਅਲਫ਼ਾ ਚੈਨਲ ਜੋੜਦਾ ਹੈ (#FF553380 ਜਿੱਥੇ 80 = 50% ਧੁੰਦਲਾਪਣ)।
- CSS ਵਿੱਚ ਪਾਰਦਰਸ਼ਤਾ ਲਈ rgb() ਨਾਲ rgba() ਵਰਤੋ।
- ਹੈਸ਼ ਪ੍ਰੀਫਿਕਸ ਵਿਕਲਪਿਕ ਹੈ — ਟੂਲ ਦੋਵੇਂ ਫਾਰਮੈਟ ਸੰਭਾਲਦਾ ਹੈ।
- ਟਾਈਪਿੰਗ ਗਲਤੀਆਂ ਫੜਨ ਲਈ ਹਮੇਸ਼ਾ ਬਿਜ਼ੂਅਲ ਝਲਕ ਨਾਲ ਪੁਸ਼ਟੀ ਕਰੋ।
HEX ਤੋਂ RGB ਕਨਵਰਟਰ ਬਾਰੇ ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
HEX ਕਲਰ ਕੋਡ ਕੀ ਹੈ?
HEX ਕੋਡ ਰੰਗਾਂ ਨੂੰ ਹੈਕਸਾਡੈਸੀਮਲ ਅੰਕਾਂ ਨਾਲ ਦਰਸਾਉਂਦਾ ਹੈ: #RRGGBB ਜਿੱਥੇ RR ਲਾਲ, GG ਹਰਾ, BB ਨੀਲਾ ਹੈ। ਹਰ ਜੋੜਾ 00 (ਕੁਝ ਨਹੀਂ) ਤੋਂ FF (ਵੱਧ ਤੋਂ ਵੱਧ) ਤੱਕ ਹੁੰਦਾ ਹੈ।
ਅੱਠਵੇਂ ਅੰਕ ਦਾ ਕੀ ਮਤਲਬ ਹੈ?
8-ਅੰਕੀ HEX (#RRGGBBAA) ਵਿੱਚ, ਆਖਰੀ ਦੋ ਅੰਕ ਅਲਫ਼ਾ (ਧੁੰਦਲਾਪਣ) ਦਰਸਾਉਂਦੇ ਹਨ। 00 ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ ਹੈ, FF ਪੂਰੀ ਤਰ੍ਹਾਂ ਧੁੰਦਲਾ।
ਕੀ ਮੈਂ RGB ਨੂੰ HEX ਵਿੱਚ ਬਦਲ ਸਕਦਾ ਹਾਂ?
ਹਾਂ। ਉਲਟੇ ਕਾਰਜ ਲਈ ਸਾਡਾ RGB to HEX ਕਨਵਰਟਰ ਵਰਤੋ।
ਕੀ ਇਹ ਕਲਰ ਪਿਕਰ ਵਰਗਾ ਹੀ ਹੈ?
ਕਲਰ ਪਿਕਰ ਤੁਹਾਨੂੰ ਬਿਜ਼ੂਅਲ ਤੌਰ 'ਤੇ ਰੰਗ ਚੁਣਨ ਦਿੰਦਾ ਹੈ। HEX to RGB ਕਨਵਰਟਰ ਖ਼ਾਸ ਤੌਰ 'ਤੇ ਜਾਣੇ-ਪਛਾਣੇ HEX ਕੋਡਾਂ ਨੂੰ ਹੋਰ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਬਦਲਣ ਲਈ ਹੈ।
