HEX ਕੋਡ ਤਿੰਨ 8-bit ਨੰਬਰਾਂ ਨੂੰ ਛੇ ਹੇਕਸਾਡੈਸੀਮਲ ਅੰਕਾਂ ਵਿੱਚ ਪੈਕ ਕਰਦਾ ਹੈ। HEX ਨੂੰ RGB ਵਿੱਚ ਬਦਲਣਾ ਦਾ ਮਤਲਬ ਉਹਨਾਂ ਅੰਕਾਂ ਨੂੰ ਜੋੜਿਆਂ ਵਿੱਚ ਵੰਡ ਕੇ ਹਰ ਜੋੜੀ ਨੂੰ 0 ਤੋਂ 255 ਦੇ ਦਸ਼ਮਲਵ ਨੰਬਰ ਵਜੋਂ ਪੜ੍ਹਨਾ ਹੈ — ਬਿਲਕੁਲ ਉਹੀ ਵੈਲਯੂ ਜੋ CSS, Figma ਅਤੇ ਇਮੇਜ ਐਡਿਟਰ ਉਮੀਦ ਕਰਦੇ ਹਨ।
HEX ਤੋਂ RGB ਰੂਪਾਂਤਰਕ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
- ਅਗੇਲਾ # ਹਟਾਓ ਅਤੇ ਜੇ ਕੋਡ ਸਿਰਫ਼ ਤਿੰਨ ਅੰਕਾਂ ਦਾ ਹੈ ਤਾਂ ਹਰ ਇੱਕ ਨੂੰ ਦੋਗੁਣਾ ਕਰੋ: #f53 ਬਣਦਾ ਹੈ #ff5533।
- ਛੇ ਅੰਕਾਂ ਨੂੰ ਤਿੰਨ ਜੋੜਿਆਂ — RR, GG ਅਤੇ BB — ਵਿੱਚ ਵੰਡੋ।
- ਹਰ ਜੋੜੀ ਨੂੰ base-16 ਨੰਬਰ ਵਜੋਂ ਪੜ੍ਹੋ ਅਤੇ ਇਸ ਨੂੰ base 10 ਵਿੱਚ ਬਦਲੋ: FF ਬਣਦਾ ਹੈ 255, 57 ਬਣਦਾ ਹੈ 87, 33 ਬਣਦਾ ਹੈ 51।
- ਤਿੰਨ ਨਤੀਜੇ ਨੂੰ rgb(R, G, B) ਵਜੋਂ ਲਿਖੋ।
ਕਾਮਯਾਬ ਉਦਾਹਰਨ
ਇਹ ਕਨਵਰਜ਼ਨ ਸਹੀ ਹੈ। HEX ਅਤੇ RGB ਇੱਕੋ sRGB ਵੈਲਯੂਜ਼ ਨੂੰ ਵੱਖਰੀ ਨੋਟੇਸ਼ਨ ਵਿੱਚ ਦਰਸਾਉਂਦੇ ਹਨ, ਇਸ ਲਈ ਕਿਸੇ ਵੀ ਦਿਸ਼ਾ ਵਿੱਚ ਕੁਝ ਗੋਲ ਨਹੀਂ ਹੁੰਦਾ ਅਤੇ ਕੁਝ ਖੋਇਆ ਨਹੀਂ ਜਾਂਦਾ।
HEX ਅਤੇ RGB ਦੀ ਵਿਆਖਿਆ
HEX ਕੀ ਹੈ?
HEX ਕੋਡ ਇੱਕ ਛੇ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਹੁੰਦਾ ਹੈ ਜੋ # ਦੇ ਨਾਲ ਇੱਕ ਰੰਗ ਦਾ ਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ ਚੈਨਲ ਸਟੋਰ ਕਰਦਾ ਹੈ। ਹਰ ਜੋੜਾ ਅੰਕ ਇੱਕ ਚੈਨਲ ਦਰਸਾਉਂਦਾ ਹੈ, 00 (ਕੋਈ ਨਹੀਂ) ਤੋਂ FF (ਪੂਰਾ) ਤੱਕ, ਜੋ ਇੱਕ ਛੋਟੀ ਨੋਟੇਸ਼ਨ ਵਿੱਚ RGB ਵਾਂਗ 16.7 ਮਿਲੀਅਨ ਰੰਗ ਦਿੰਦਾ ਹੈ। HEX CSS, ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਅਤੇ ਬ੍ਰਾਂਡ ਗਾਈਡਲਾਈਨਾਂ ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਹੁੰਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- #RRGGBB
- ਰੈਂਜ:
- 00–FF ਪ੍ਰਤੀ ਚੈਨਲ
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- CSS, design handoff, brand guidelines
RGB ਕੀ ਹੈ?
RGB ਇੱਕ ਰੰਗ ਨੂੰ ਤਿੰਨ ਰੋਸ਼ਨੀ ਚੈਨਲਾਂ ਵਜੋਂ ਦਰਸਾਉਂਦਾ ਹੈ: red, green ਅਤੇ blue, ਹਰ ਇੱਕ 0 ਤੋਂ 255 ਤੱਕ। ਇਹ ਸਕ੍ਰੀਨਾਂ ਦੇ ਕੰਮ ਕਰਨ ਦੇ ਢੰਗ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ: ਤਿੰਨੇ 255 'ਤੇ ਸਫ਼ੈਦ ਦਿੰਦੇ ਹਨ, ਤਿੰਨੇ 0 'ਤੇ ਕਾਲਾ। ਜਦੋਂ ਤੁਹਾਨੂੰ ਰੰਗ ਨਾਲ ਹਿਸਾਬ ਕਰਨਾ ਹੋਵੇ ਤਾਂ RGB ਸਹੀ ਚੋਣ ਹੈ, ਅਤੇ rgba() ਇਸ 'ਤੇ transparency ਜੋੜਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- rgb(R, G, B)
- ਰੈਂਜ:
- 0–255 ਪ੍ਰਤੀ ਚੈਨਲ
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- code, canvas, transparency with rgba()
HEX ਤੋਂ RGB ਹਵਾਲਾ ਸਾਰਣੀ
ਸਭ ਤੋਂ ਆਮ CSS ਰੰਗ, HEX ਤੋਂ RGB ਵਿੱਚ ਰੂਪਾਂਤਰਿਤ।
| ਰੰਗ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |