HEX ↔ RGB ↔ HSL ਕਨਵਰਟਰ

ਲਾਈਵ ਸਵੈਚ ਦੇ ਨਾਲ ਤੁਰੰਤ HEX, RGB, ਅਤੇ HSL ਵਿਚਕਾਰ ਰੰਗਾਂ ਨੂੰ ਬਦਲੋ। ਕਿਸੇ ਵੀ ਖੇਤਰ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰੋ — ਬਾਕੀ ਸਮਕਾਲੀ ਰਹਿੰਦੇ ਹਨ।

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

ਲਾਈਵ ਸਵੈਚ ਦੇ ਨਾਲ ਤੁਰੰਤ HEX, RGB, ਅਤੇ HSL ਵਿਚਕਾਰ ਰੰਗਾਂ ਨੂੰ ਬਦਲੋ।
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ
ਵਰਤਣ ਲਈ ਮੁਫ਼ਤ

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਇੱਕ HEX, RGB, ਜਾਂ HSL ਮੁੱਲ ਦਾਖਲ ਕਰੋ।
ਹੋਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਆਟੋਮੈਟਿਕਲੀ ਅਪਡੇਟ ਦੇਖੋ।
ਤੁਹਾਨੂੰ ਲੋੜੀਂਦਾ ਫਾਰਮੈਟ ਕਾਪੀ ਕਰੋ।

How this tool works

ਇੱਕ HEX, RGB, ਜਾਂ HSL ਮੁੱਲ ਦਾਖਲ ਕਰੋ।
ਹੋਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਆਟੋਮੈਟਿਕਲੀ ਅਪਡੇਟ ਦੇਖੋ।
ਤੁਹਾਨੂੰ ਲੋੜੀਂਦਾ ਫਾਰਮੈਟ ਕਾਪੀ ਕਰੋ।

Recommended settings

ਪਹਿਲਾਂ ਡਿਫੌਲਟ ਵਿਕਲਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਫਿਰ ਲੋੜ ਪੈਣ 'ਤੇ ਵਿਵਸਥਿਤ ਕਰੋ

Supported formats

Text / on-page input

File size and limits

ਪੁਰਾਣੇ ਫ਼ੋਨਾਂ 'ਤੇ ਬਹੁਤ ਗੁੰਝਲਦਾਰ ਮਲਟੀ-ਲੇਅਰ ਪ੍ਰੀਵਿਊਜ਼ ਹੌਲੀ ਮਹਿਸੂਸ ਕਰ ਸਕਦੇ ਹਨ।

Privacy

ਰੰਗ ਅਤੇ CSS ਜਨਰੇਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੇ ਹਨ। ਪੂਰਵਦਰਸ਼ਨ ਅਤੇ ਪਰਿਵਰਤਨ ਕਦੇ ਵੀ ਤੁਹਾਡੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਅੱਪਲੋਡ ਨਹੀਂ ਕਰਦੇ ਹਨ।

Common use cases

ਜਦੋਂ ਵੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੋਵੇ HEX ↔ RGB ↔ HSL ਕਨਵਰਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਇੱਕ ਲਾਈਵ ਸਵੈਚ ਨਾਲ ਤੁਰੰਤ HEX, RGB, ਅਤੇ HSL ਵਿਚਕਾਰ ਰੰਗਾਂ ਨੂੰ ਬਦਲੋ।

Troubleshooting

ਪੇਸਟ ਕਰਨ ਤੋਂ ਬਾਅਦ ਪੂਰਵਦਰਸ਼ਨ ਵੱਖਰਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ

ਆਪਣੇ ਪੰਨੇ 'ਤੇ ਪ੍ਰਤੀਯੋਗੀ CSS ਦੀ ਜਾਂਚ ਕਰੋ (ਰੀਸੈੱਟ, ਵਿਰਾਸਤੀ ਰੰਗ)। ਪਹਿਲਾਂ ਤਿਆਰ ਕੀਤੇ ਨਿਯਮ ਨੂੰ ਇੱਕ ਅਲੱਗ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।

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

ਕੀ ਇਹ ਮੇਰਾ CSS ਅੱਪਲੋਡ ਕਰਦਾ ਹੈ?

ਨਹੀਂ। ਜਨਰੇਟਰ ਅਤੇ ਕਨਵਰਟਰ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਨਾਲ ਚੱਲਦੇ ਹਨ।

ਕੀ ਮੈਨੂੰ ਇੱਕ ਖਾਤੇ ਦੀ ਲੋੜ ਹੈ?

ਨਹੀਂ। ਟੂਲ ਖੋਲ੍ਹੋ, ਨਿਯੰਤਰਣ ਬਦਲੋ, ਅਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।