RGB ਤੁਹਾਨੂੰ 0 ਤੋਂ 255 ਦੇ ਤਿੰਨ ਦਸ਼ਮਲਵ ਚੈਨਲ ਦਿੰਦਾ ਹੈ। HEX ਵਿੱਚ ਬਦਲਣਾ ਹਰ ਚੈਨਲ ਨੂੰ ਇੱਕ ਦੋ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਵਿੱਚ ਤਬਦੀਲ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਪੂਰਾ ਰੰਗ ਇੱਕ ਸੰਕੁਚਿਤ ਟੋਕਨ ਵਿੱਚ ਫਿੱਟ ਹੋ ਜਾਏ ਜੋ ਹਰ ਬਰਾਊਜ਼ਰ, ਡਿਜ਼ਾਈਨ ਟੂਲ ਅਤੇ ਸਟਾਈਲ ਗਾਈਡ ਸਮਝਦੇ ਹਨ।
RGB ਤੋਂ HEX ਰੂਪਾਂਤਰਕ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
- ਲਾਲ ਚੈਨਲ ਲੈ ਕੇ ਇਸ ਨੂੰ 16 ਨਾਲ ਵੰਡੋ: ਭਾਗ (quotient) ਪਹਿਲਾ ਅੰਕ ਹੈ ਅਤੇ ਬਾਕੀ (remainder) ਦੂਜਾ।
- 10 ਤੋਂ 15 ਦੇ ਅੰਕਾਂ ਨੂੰ A ਤੋਂ F ਅੱਖਰਾਂ ਵਜੋਂ ਲਿਖੋ — 255 ਫਿਰ FF ਬਣ ਜਾਂਦਾ ਹੈ.
- ਹਰੇ ਅਤੇ ਨੀਲੇ ਲਈ ਵੀ ਇਹੀ ਕਰੋ, ਇੱਕ ਅੰਕ ਵਾਲੇ ਮੁੱਲਾਂ ਦੇ ਅੱਗੇ ਜ਼ੀਰੋ ਲਾਓ: 5 ਬਣ ਜਾਂਦਾ ਹੈ 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 ਕੋਡ ਇੱਕ ਛੇ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਹੁੰਦਾ ਹੈ ਜੋ # ਦੇ ਨਾਲ ਇੱਕ ਰੰਗ ਦਾ ਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ ਚੈਨਲ ਸਟੋਰ ਕਰਦਾ ਹੈ। ਹਰ ਜੋੜਾ ਅੰਕ ਇੱਕ ਚੈਨਲ ਦਰਸਾਉਂਦਾ ਹੈ, 00 (ਕੋਈ ਨਹੀਂ) ਤੋਂ FF (ਪੂਰਾ) ਤੱਕ, ਜੋ ਇੱਕ ਛੋਟੀ ਨੋਟੇਸ਼ਨ ਵਿੱਚ RGB ਵਾਂਗ 16.7 ਮਿਲੀਅਨ ਰੰਗ ਦਿੰਦਾ ਹੈ। HEX CSS, ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਅਤੇ ਬ੍ਰਾਂਡ ਗਾਈਡਲਾਈਨਾਂ ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਹੁੰਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- #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 |