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 ਕੋਡ ਇੱਕ ਛੇ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਹੁੰਦਾ ਹੈ ਜੋ ਇੱਕ ਰੰਗ ਦੇ red, green ਅਤੇ blue ਚੈਨਲ ਨੂੰ ਅਗੇ # ਦੇ ਨਾਲ ਸਟੋਰ ਕਰਦਾ ਹੈ। ਹਰ ਜੋੜੀ ਅੰਕ ਇੱਕ ਚੈਨਲ ਨੂੰ DARਸਾਉਂਦੀ ਹੈ, 00 (ਕੋਈ ਨਹੀਂ) ਤੋਂ FF (ਪੂਰਾ) ਤੱਕ, ਜੋ RGB ਜਿਵੇਂ 16.7 ਮਿਲੀਅਨ ਰੰਗਾਂ ਨੂੰ ਇੱਕ ਛੋਟੀ ਨੋਟੇਸ਼ਨ ਵਿੱਚ ਦਿੰਦਾ ਹੈ। HEX CSS, ਡਿਜ਼ਾਈਨ ਟੂਲ ਅਤੇ brand guidelines ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਹੁੰਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- #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) |