ਮੁਫ਼ਤ ਪਰਿਵਰਤਕ

ਨੂੰ ਆਰ.ਜੀ.ਬੀ HEX ਪਰਿਵਰਤਕ

RGB ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ ਤੁਰੰਤ HEX ਰੰਗ ਕੋਡਾਂ ਵਿੱਚ ਬਦਲੋ — ਮੁਫ਼ਤ, ਰੀਅਲ-ਟਾਈਮ ਰੰਗ ਪਰਿਵਰਤਕ।

ਲਾਲ
ਹਰਾ
ਨੀਲਾ

HEX ਆਉਟਪੁੱਟ

#FF5733

ਫਾਰਮੈਟ ਕਾਪੀ ਕਰੋ

#RRGGBB#FF5733
RRGGBB (ਨਹੀਂ #)FF5733
rgb() ਫਾਰਮੈਟrgb(255, 87, 51)
hsl() ਫਾਰਮੈਟhsl(11, 100%, 60%)

ਇਸ ਟੂਲ ਬਾਰੇ

CSS, HTML, ਅਤੇ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਵਰਤਣ ਲਈ RGB ਰੰਗ ਮੁੱਲ (ਲਾਲ, ਹਰਾ, ਨੀਲਾ) ਨੂੰ ਹੈਕਸਾਡੈਸੀਮਲ ਰੰਗ ਕੋਡਾਂ ਵਿੱਚ ਬਦਲੋ। ਵਿਅਕਤੀਗਤ R, G, B ਮੁੱਲ (0-255) ਦਾਖਲ ਕਰੋ ਅਤੇ ਸੰਬੰਧਿਤ ਹੈਕਸਾ ਕੋਡ (#RRGGBB) ਪ੍ਰਾਪਤ ਕਰੋ। ਪਾਰਦਰਸ਼ਤਾ ਵਾਲੇ ਰੰਗਾਂ ਲਈ RGBA ਤੋਂ 8-ਅੰਕ ਹੈਕਸਾ ਪਰਿਵਰਤਨ ਦਾ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।

ਵਰਤਣ ਦਾ ਤਰੀਕਾ

  1. ਇਨਪੁਟ ਖੇਤਰਾਂ ਵਿੱਚ ਲਾਲ, ਹਰੇ ਅਤੇ ਨੀਲੇ ਮੁੱਲ (ਹਰੇਕ 0-255) ਦਰਜ ਕਰੋ।
  2. ਹੈਕਸ ਕੋਡ ਤੁਰੰਤ ਤਿਆਰ ਅਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ।
  3. ਕਾਪੀ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ #RRGGBB ਫਾਰਮੈਟ ਵਿੱਚ ਹੈਕਸ ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰੋ।
  4. ਆਉਟਪੁੱਟ ਨੂੰ ਦ੍ਰਿਸ਼ਟੀਗਤ ਤੌਰ 'ਤੇ ਤਸਦੀਕ ਕਰਨ ਲਈ ਰੰਗ ਪ੍ਰੀਵਿਊ ਸਵੈਚ ਦੀ ਵਰਤੋਂ ਕਰੋ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਮੈਂ RGB ਨੂੰ ਹੈਕਸ ਵਿੱਚ ਕਿਉਂ ਬਦਲਾਂਗਾ?
ਹੈਕਸ ਕੋਡ CSS ਅਤੇ HTML ਵਿੱਚ ਮਿਆਰੀ ਰੰਗ ਫਾਰਮੈਟ ਹਨ। ਉਹ rgb() ਨੋਟੇਸ਼ਨ ਨਾਲੋਂ ਵਧੇਰੇ ਸੰਖੇਪ ਹਨ ਅਤੇ ਡਿਜ਼ਾਈਨ ਸਪੈਕਸ, ਬ੍ਰਾਂਡ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ, ਅਤੇ ਸ਼ੈਲੀ ਗਾਈਡਾਂ ਵਿੱਚ ਵਿਆਪਕ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ।
ਜੇਕਰ ਮੇਰਾ RGB ਮੁੱਲ 0-255 ਤੋਂ ਬਾਹਰ ਹੈ ਤਾਂ ਕੀ ਹੋਵੇਗਾ?
ਵੈਧ RGB ਮੁੱਲ ਪ੍ਰਤੀ ਚੈਨਲ 0 (ਕੋਈ ਤੀਬਰਤਾ ਨਹੀਂ) ਤੋਂ 255 (ਪੂਰੀ ਤੀਬਰਤਾ) ਤੱਕ ਹੁੰਦੇ ਹਨ। ਇਸ ਰੇਂਜ ਤੋਂ ਬਾਹਰ ਦੇ ਮੁੱਲਾਂ ਨੂੰ ਕਲੈਂਪ ਕੀਤਾ ਜਾਵੇਗਾ। ਹਰੇਕ ਚੈਨਲ ਨੂੰ ਦੋ ਹੈਕਸਾ ਅੰਕਾਂ 'ਤੇ ਮੈਪ ਕਰਦਾ ਹੈ: 0 = 00, 255 = FF।
ਮੈਂ ਹੈਕਸ ਕੋਡ ਵਿੱਚ ਪਾਰਦਰਸ਼ਤਾ ਕਿਵੇਂ ਜੋੜਾਂ?
ਚੌਥੇ ਪੈਰਾਮੀਟਰ ਵਜੋਂ ਇੱਕ ਅਲਫ਼ਾ ਮੁੱਲ (0-255) ਜੋੜੋ। ਟੂਲ ਇੱਕ 8-ਅੰਕ ਦਾ ਹੈਕਸਾ ਕੋਡ (#RRGGBBAA) ਆਊਟਪੁੱਟ ਕਰੇਗਾ ਜਿੱਥੇ AA ਧੁੰਦਲਾਪਨ ਦਰਸਾਉਂਦਾ ਹੈ: FF = ਪੂਰੀ ਤਰ੍ਹਾਂ ਧੁੰਦਲਾ, 00 = ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ।
ਕੀ #000000 ਹਮੇਸ਼ਾ ਕਾਲਾ ਹੁੰਦਾ ਹੈ?
ਹਾਂ। #000000 (R:0, G:0, B:0) ਸ਼ੁੱਧ ਕਾਲਾ ਹੈ, ਅਤੇ #FFFFFF (R:255, G:255, B:255) ਸ਼ੁੱਧ ਚਿੱਟਾ ਹੈ। ਇਹ ਆਰਜੀਬੀ ਕਲਰ ਸਪੇਸ ਦੀਆਂ ਹੱਦਾਂ ਹਨ।