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

HSL ਨੂੰ HEX ਪਰਿਵਰਤਕ

HSL ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ ਤੁਰੰਤ HEX ਰੰਗ ਕੋਡਾਂ ਵਿੱਚ ਬਦਲੋ — ਮੁਫਤ, ਅਸਲ-ਸਮੇਂ ਦਾ ਰੰਗ ਪਰਿਵਰਤਕ।

ਹਿਊ
ਸੰਤ੍ਰਿਪਤ (%)
ਹਲਕੀਤਾ (%)

HEX ਆਉਟਪੁੱਟ

#368CE2
R:54
G:140
B:226

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

#HEX ਫਾਰਮੈਟ#368CE2
hsl() ਫਾਰਮੈਟhsl(210°, 75%, 55%)
rgb() ਫਾਰਮੈਟrgb(54, 140, 226)

ਇਸ ਟੂਲ ਬਾਰੇ

HSL (Hue, Saturation, Lightness) ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ ਹੈਕਸਾਡੈਸੀਮਲ ਕੋਡਾਂ ਵਿੱਚ ਬਦਲੋ। HSL ਇੱਕ ਅਨੁਭਵੀ ਰੰਗ ਮਾਡਲ ਹੈ ਜਿੱਥੇ ਹਿਊ ਰੰਗ ਦਾ ਕੋਣ ਹੈ (0-360°), ਸੰਤ੍ਰਿਪਤਾ ਰੰਗ ਦੀ ਤੀਬਰਤਾ ਹੈ (0-100%), ਅਤੇ ਲਾਈਟਨੈੱਸ ਕੰਟਰੋਲ ਕਰਦੀ ਹੈ ਕਿ ਰੰਗ ਕਿੰਨਾ ਹਲਕਾ ਜਾਂ ਗੂੜਾ ਹੈ (0-100%)। ਉਹਨਾਂ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਉਪਯੋਗੀ ਜੋ HSL ਵਿੱਚ ਕੰਮ ਕਰਦੇ ਹਨ ਅਤੇ ਉਹਨਾਂ ਨੂੰ CSS ਲਈ ਹੈਕਸ ਕੋਡ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਵਰਤਣ ਦਾ ਤਰੀਕਾ

  1. ਹਿਊ ਮੁੱਲ (ਰੰਗ ਚੱਕਰ 'ਤੇ 0-360 ਡਿਗਰੀ) ਦਰਜ ਕਰੋ।
  2. ਸੰਤ੍ਰਿਪਤਾ (0-100%) ਅਤੇ ਲਾਈਟਨੈੱਸ (0-100%) ਸੈੱਟ ਕਰੋ।
  3. ਹੈਕਸ ਕੋਡ ਦੀ ਗਣਨਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਅਤੇ ਅਸਲ ਸਮੇਂ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀ ਹੈ।
  4. ਆਪਣੇ CSS ਜਾਂ ਡਿਜ਼ਾਈਨ ਟੂਲ ਵਿੱਚ ਵਰਤਣ ਲਈ ਹੈਕਸ ਕੋਡ ਦੀ ਨਕਲ ਕਰੋ।

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

ਹੇਕਸ ਜਾਂ ਆਰਜੀਬੀ ਦੀ ਬਜਾਏ ਐਚਐਸਐਲ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰੀਏ?
HSL ਮਨੁੱਖਾਂ ਲਈ ਵਧੇਰੇ ਅਨੁਭਵੀ ਹੈ। ਇੱਕ ਗੂੜਾ ਰੰਗਤ ਚਾਹੁੰਦੇ ਹੋ? ਹਲਕਾਪਨ ਘਟਾਓ. ਇੱਕ ਮਿਊਟ ਵਰਜਨ ਚਾਹੁੰਦੇ ਹੋ? ਸੰਤ੍ਰਿਪਤਾ ਘਟਾਓ. ਇਹ ਸਬੰਧ ਹੈਕਸਾ ਜਾਂ RGB ਵਿੱਚ ਸਪੱਸ਼ਟ ਨਹੀਂ ਹਨ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸਾਰੇ ਤਿੰਨ ਚੈਨਲਾਂ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਦੀ ਲੋੜ ਪਵੇਗੀ।
0 ਬਨਾਮ 360 ਦੇ ਰੰਗ ਦਾ ਕੀ ਅਰਥ ਹੈ?
0° ਅਤੇ 360° ਦੋਵੇਂ ਲਾਲ ਹਨ — ਰੰਗ ਦਾ ਪਹੀਆ ਆਲੇ-ਦੁਆਲੇ ਲਪੇਟਦਾ ਹੈ। ਮੁੱਖ ਰੰਗ: 0° = ਲਾਲ, 60° = ਪੀਲਾ, 120° = ਹਰਾ, 180° = ਸਿਆਨ, 240° = ਨੀਲਾ, 300° = ਮੈਜੈਂਟਾ।
0% ਅਤੇ 100% ਸੰਤ੍ਰਿਪਤਾ 'ਤੇ ਕੀ ਹੁੰਦਾ ਹੈ?
0% ਸੰਤ੍ਰਿਪਤਾ 'ਤੇ, ਕੋਈ ਵੀ ਰੰਗ ਸਲੇਟੀ ਰੰਗ ਦਾ ਬਣ ਜਾਂਦਾ ਹੈ (ਇਕੱਲੇ ਹਲਕੇਪਣ ਦੁਆਰਾ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ)। 100% ਸੰਤ੍ਰਿਪਤਾ 'ਤੇ, ਤੁਹਾਨੂੰ ਉਸ ਰੰਗਤ ਦਾ ਸਭ ਤੋਂ ਸ਼ੁੱਧ, ਸਭ ਤੋਂ ਸਪਸ਼ਟ ਸੰਸਕਰਣ ਮਿਲਦਾ ਹੈ।
ਹਲਕੀਤਾ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ?
ਰੰਗ/ਸੰਤ੍ਰਿਪਤਾ ਦੀ ਪਰਵਾਹ ਕੀਤੇ ਬਿਨਾਂ 0% ਹਲਕਾਪਨ ਹਮੇਸ਼ਾ ਕਾਲਾ ਹੁੰਦਾ ਹੈ। 100% ਹਮੇਸ਼ਾ ਚਿੱਟਾ ਹੁੰਦਾ ਹੈ। 50% ਰੰਗ ਦਾ ਸ਼ੁੱਧ, ਸਭ ਤੋਂ ਜੀਵੰਤ ਸੰਸਕਰਣ ਦਿੰਦਾ ਹੈ। 0-50% ਦੇ ਵਿਚਕਾਰ ਮੁੱਲ ਗੂੜ੍ਹੇ ਰੰਗ ਦੇ ਹੁੰਦੇ ਹਨ, 50-100% ਹਲਕੇ ਰੰਗਤ ਹੁੰਦੇ ਹਨ।