RGB ਤੁਹਾਨੂੰ 0 ਤੋਂ 255 ਦੇ ਤਿੰਨ ਦਸ਼ਮਲਵ ਚੈਨਲ ਦਿੰਦਾ ਹੈ। HEX ਵਿੱਚ ਬਦਲਣਾ ਹਰ ਚੈਨਲ ਨੂੰ ਇੱਕ ਦੋ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਵਿੱਚ ਤਬਦੀਲ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਪੂਰਾ ਰੰਗ ਇੱਕ ਸੰਕੁਚਿਤ ਟੋਕਨ ਵਿੱਚ ਫਿੱਟ ਹੋ ਜਾਏ ਜੋ ਹਰ ਬਰਾਊਜ਼ਰ, ਡਿਜ਼ਾਈਨ ਟੂਲ ਅਤੇ ਸਟਾਈਲ ਗਾਈਡ ਸਮਝਦੇ ਹਨ।
RGB ਤੋਂ HEX ਰੂਪਾਂਤਰਕ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
- ਲਾਲ ਚੈਨਲ ਲੈ ਕੇ ਇਸ ਨੂੰ 16 ਨਾਲ ਵੰਡੋ: ਭਾਗ (quotient) ਪਹਿਲਾ ਅੰਕ ਹੈ ਅਤੇ ਬਾਕੀ (remainder) ਦੂਜਾ।
- 10 ਤੋਂ 15 ਦੇ ਅੰਕਾਂ ਨੂੰ A ਤੋਂ F ਅੱਖਰਾਂ ਵਜੋਂ ਲਿਖੋ — 255 ਫਿਰ FF ਬਣ ਜਾਂਦਾ ਹੈ.
- ਹਰੇ ਅਤੇ ਨੀਲੇ ਲਈ ਵੀ ਇਹੀ ਕਰੋ, ਇਕਲੋ ਅੰਕਾਂ ਨੂੰ ਅੱਗੇ ਸ਼ੂਨ्य ਨਾਲ ਪੈਡ ਕਰੋ: 5 becomes 05.
- ਤਿੰਨ ਜੋੜੀਆਂ ਨੂੰ ਜੋੜੋ ਅਤੇ ਅਗੇ ਇੱਕ # ਲਗਾਓ.
ਕਾਮਯਾਬ ਉਦਾਹਰਨ
ਇਹ ਠੀਕ ਹੈ ਜਦ ਤੱਕ ਚੈਨਲ ਪੂਰੇ ਨੰਬਰ 0 ਤੋਂ 255 ਹੋਣ. ਭਾਗੀ ਮੁੱਲਾਂ ਜਿਵੇਂ rgb(79.5, 70, 229) ਪਹਿਲਾਂ ਸਭ ਤੋਂ ਨੇੜਲੇ ਪੂਰੇ ਅੰਕ 'ਤੇ ਗੋਲ ਕਰ ਦਿੱਤੇ ਜਾਂਦੇ ਹਨ, ਕਿਉਂਕਿ HEX ਵਿਚ درمیان ਦੀ ਕੋਈ ਵਕීයਤਾ ਨਹੀਂ ਰੱਖੀ ਜਾ ਸਕਦੀ.
RGB ਅਤੇ HEX ਦੀ ਵਿਆਖਿਆ
RGB ਕੀ ਹੈ?
RGB ਇੱਕ ਰੰਗ ਨੂੰ ਤਿੰਨ ਲਾਈਟ ਚੈਨਲਾਂ ਵਜੋਂ ਦਰਸਾਉਂਦਾ ਹੈ — red, green ਅਤੇ blue — ਹਰ ਇੱਕ 0 ਤੋਂ 255 ਤੱਕ। ਇਹ ਸਕ੍ਰੀਨਸ ਦੇ ਕੰਮ ਕਰਨ ਦੇ ਤਰੀਕੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ: ਤਿੰਨਾਂ 255 'ਤੇ ਸਫੈਦ ਦਿੰਦੇ ਹਨ, ਤਿੰਨਾਂ 0 'ਤੇ ਕਾਲਾ। ਜਦੋਂ ਤੁਹਾਨੂੰ ਰੰਗ ਨਾਲ ਗਣਨਾ करनी ਹੋਵੇ ਤਾਂ RGB ਠੀਕ ਚੋਣ ਹੈ, ਅਤੇ rgba() ਉਸ 'ਤੇ transparency ਜੋੜਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- rgb(R, G, B)
- ਰੈਂਜ:
- 0–255 ਪ੍ਰਤੀ ਚੈਨਲ
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- code, canvas, transparency with rgba()
HEX ਕੀ ਹੈ?
HEX ਕੋਡ ਇੱਕ ਛੇ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਹੁੰਦਾ ਹੈ ਜੋ ਇੱਕ ਰੰਗ ਦੇ red, green ਅਤੇ blue ਚੈਨਲ ਨੂੰ ਅਗੇ # ਦੇ ਨਾਲ ਸਟੋਰ ਕਰਦਾ ਹੈ। ਹਰ ਜੋੜੀ ਅੰਕ ਇੱਕ ਚੈਨਲ ਨੂੰ DARਸਾਉਂਦੀ ਹੈ, 00 (ਕੋਈ ਨਹੀਂ) ਤੋਂ FF (ਪੂਰਾ) ਤੱਕ, ਜੋ RGB ਜਿਵੇਂ 16.7 ਮਿਲੀਅਨ ਰੰਗਾਂ ਨੂੰ ਇੱਕ ਛੋਟੀ ਨੋਟੇਸ਼ਨ ਵਿੱਚ ਦਿੰਦਾ ਹੈ। HEX CSS, ਡਿਜ਼ਾਈਨ ਟੂਲ ਅਤੇ brand guidelines ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਹੁੰਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- #RRGGBB
- ਰੈਂਜ:
- 00–FF ਪ੍ਰਤੀ ਚੈਨਲ
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- CSS, design handoff, brand guidelines
RGB ਤੋਂ HEX ਹਵਾਲਾ ਸਾਰਣੀ
ਸਭ ਤੋਂ ਆਮ CSS ਰੰਗ, RGB ਤੋਂ HEX ਵਿੱਚ ਰੂਪਾਂਤਰਿਤ।
| ਰੰਗ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |