ਪੈਨਟੋਨ ਟੂਲਸ

HSV ਤੋਂ HSL

ਡਿਜ਼ਾਈਨ ਪ੍ਰਣਾਲੀਆਂ ਵਿੱਚ ਬਹੁਪੱਖੀ ਰੰਗ ਹੇਰਾਫੇਰੀ ਲਈ HSV ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ HSL ਵਿੱਚ ਬਦਲੋ

ਵਧੀ ਹੋਈ ਡਿਜ਼ਾਈਨ ਲਚਕਤਾ ਲਈ ਅਨੁਭਵੀ ਰੰਗ ਮਾਡਲਾਂ ਵਿਚਕਾਰ ਤਬਦੀਲੀ ਕਰੋ

ਰੰਗ ਪਰਿਵਰਤਕ

HSV Input

180° 360°
100%
0% 50% 100%
100%
0% 50% 100%

ਉਦਾਹਰਣਾਂ ਲਈ ਰੰਗਾਂ ਦੇ ਨਮੂਨੇ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।

HSL Output

hsl(0°, 100%, 50%)

HSL Values

ਰੰਗ

0-360° color wheel position

ਸੰਤ੍ਰਿਪਤਾ 100%

0-100% color intensity

ਹਲਕਾਪਨ 50%

0-100% brightness

hsl(0°, 100%, 50%)

ਵਾਧੂ ਫਾਰਮੈਟ

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

CSS ਵਰਤੋਂ

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

ਪਰਿਵਰਤਨ ਸੂਝ

ਇਹ ਜੀਵੰਤ ਲਾਲ ਰੰਗ ਦੋਵਾਂ ਰੰਗਾਂ ਦੇ ਮਾਡਲਾਂ ਵਿੱਚ ਪੂਰੀ ਸੰਤ੍ਰਿਪਤਾ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦਾ ਹੈ ਪਰ ਵੱਖ-ਵੱਖ ਚਮਕ ਮਾਪ ਦਿਖਾਉਂਦਾ ਹੈ, ਜੋ ਕਿ ਮੁੱਲ (HSV) ਅਤੇ ਰੌਸ਼ਨੀ (HSL) ਵਿਚਕਾਰ ਮੁੱਖ ਅੰਤਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ।

ਪਰਿਵਰਤਨ ਉਦਾਹਰਨਾਂ

ਜੀਵੰਤ ਲਾਲ

HSV 0°, 100%, 100%
HSL 0°, 100%, 50%
ਅੰਤਰ ਹਲਕਾਪਨ = ਮੁੱਲ ਦਾ 50%

ਜੰਗਲੀ ਹਰਾ

HSV 120°, 75%, 55%
HSL 120°, 60%, 35%
ਅੰਤਰ ਹਲਕੇਪਨ ਸਕੇਲ ਲਈ ਵਿਵਸਥਿਤ ਕੀਤਾ ਗਿਆ

ਰਾਇਲ ਬਲੂ

HSV 220°, 75%, 88%
HSL 220°, 70%, 55%
ਅੰਤਰ ਧਾਰਨਾ ਲਈ ਸੰਤੁਲਿਤ ਰੌਸ਼ਨੀ

ਹਲਕਾ ਗੁਲਾਬੀ

HSV 340°, 40%, 95%
HSL 340°, 70%, 80%
ਅੰਤਰ HSL ਵਿੱਚ ਸੰਤ੍ਰਿਪਤਾ ਵਧੀ

ਮਿਊਟ ਕੀਤਾ ਜਾਮਨੀ

HSV 270°, 30%, 70%
HSL 270°, 30%, 60%
ਅੰਤਰ ਰੌਸ਼ਨੀ ਹੇਠਾਂ ਵੱਲ ਐਡਜਸਟ ਕੀਤੀ ਗਈ

ਸਲੇਟੀ ਰੰਗ

HSV 0°, 0%, 50%
HSL 0°, 0%, 50%
ਅੰਤਰ ਗ੍ਰੇਸਕੇਲ ਲਈ ਇੱਕੋ ਜਿਹਾ

ਸਿਫ਼ਾਰਸ਼ੀ ਔਜ਼ਾਰ

ਇਸ ਟੂਲ ਬਾਰੇ

ਇਹ HSV ਤੋਂ HSL ਕਨਵਰਟਰ ਦੋ ਅਨੁਭਵੀ ਰੰਗ ਮਾਡਲਾਂ ਵਿਚਕਾਰ ਸਹਿਜ ਤਬਦੀਲੀ ਦੀ ਸਹੂਲਤ ਦਿੰਦਾ ਹੈ, ਹਰੇਕ ਦੇ ਵੱਖ-ਵੱਖ ਡਿਜ਼ਾਈਨ ਕਾਰਜਾਂ ਅਤੇ ਵਰਕਫਲੋ ਲਈ ਵੱਖਰੇ ਫਾਇਦੇ ਹਨ।

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

ਜਦੋਂ ਕਿ ਦੋਵੇਂ ਮਾਡਲ ਹਿਊ ਅਤੇ ਸੈਚੁਰੇਸ਼ਨ ਕੰਪੋਨੈਂਟ ਸਾਂਝੇ ਕਰਦੇ ਹਨ, ਉਹਨਾਂ ਦਾ ਚਮਕ ਦਾ ਇਲਾਜ (ਮੁੱਲ ਬਨਾਮ ਰੌਸ਼ਨੀ) ਬੁਨਿਆਦੀ ਤੌਰ 'ਤੇ ਵੱਖੋ-ਵੱਖਰੇ ਵਿਵਹਾਰ ਪੈਦਾ ਕਰਦਾ ਹੈ। ਇਹ ਕਨਵਰਟਰ ਵਿਜ਼ੂਅਲ ਇਕਸਾਰਤਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦੇ ਹੋਏ ਇਹਨਾਂ ਮਾਡਲਾਂ ਵਿਚਕਾਰ ਅਨੁਵਾਦ ਕਰਨ ਲਈ ਸਟੀਕ ਗਣਿਤਿਕ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਡਿਜ਼ਾਈਨਰਾਂ ਨੂੰ ਉਹਨਾਂ ਦੇ ਵਰਕਫਲੋ ਦੌਰਾਨ ਹਰੇਕ ਮਾਡਲ ਦੀਆਂ ਸ਼ਕਤੀਆਂ ਦਾ ਲਾਭ ਉਠਾਉਣ ਦੀ ਆਗਿਆ ਮਿਲਦੀ ਹੈ।

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