HEX ਤੋਂ HSL
HEX ਰੰਗ ਕੋਡਾਂ ਨੂੰ ਸ਼ੁੱਧਤਾ ਨਾਲ HSL ਮੁੱਲਾਂ ਵਿੱਚ ਬਦਲੋ, ਰੰਗਾਂ ਦੀ ਹੇਰਾਫੇਰੀ ਅਤੇ ਡਿਜ਼ਾਈਨ ਪ੍ਰਣਾਲੀਆਂ ਲਈ ਆਦਰਸ਼।
ਰੰਗ ਪਰਿਵਰਤਕ
ਰੰਗ ਨਤੀਜਾ
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
ਪਰਿਵਰਤਨ ਉਦਾਹਰਨਾਂ
ਲਾਲ
HEX: #FF0000
HSL: 0°, 100%, 50%
ਹਰਾ
HEX: #00FF00
HSL: 120°, 100%, 50%
ਨੀਲਾ
HEX: #0000FF
HSL: 240°, 100%, 50%
ਪੀਲਾ
HEX: #FFFF00
HSL: 60°, 100%, 50%
ਮੈਜੈਂਟਾ
HEX: #FF00FF
HSL: 300°, 100%, 50%
ਨੀਲਾ
HEX: #00FFFF
HSL: 180°, 100%, 50%
ਸਿਫ਼ਾਰਸ਼ੀ ਔਜ਼ਾਰ
HSL to HEX
ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਲਈ HSL ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ HEX ਰੰਗ ਕੋਡਾਂ ਵਿੱਚ ਵਾਪਸ ਬਦਲੋ
HSL to RGB Converter
ਡਿਜੀਟਲ ਡਿਜ਼ਾਈਨ ਲਈ HSL ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ RGB ਰੰਗ ਕੋਡਾਂ ਵਿੱਚ ਬਦਲੋ
ਰੰਗ ਸਦਭਾਵਨਾ ਜਨਰੇਟਰ
HSL ਰੰਗ ਸਿਧਾਂਤ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੂਰਕ ਰੰਗ ਸਕੀਮਾਂ ਬਣਾਓ
HSL Color Manipulator
ਰੰਗ ਭਿੰਨਤਾਵਾਂ ਬਣਾਉਣ ਲਈ ਰੰਗ, ਸੰਤ੍ਰਿਪਤਾ ਅਤੇ ਰੌਸ਼ਨੀ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ
ਇਸ ਟੂਲ ਬਾਰੇ
ਸਾਡਾ HEX ਤੋਂ HSL ਕਨਵਰਟਰ ਹੈਕਸਾਡੈਸੀਮਲ ਰੰਗ ਕੋਡਾਂ ਨੂੰ HSL (ਹਿਊ, ਸੈਚੁਰੇਸ਼ਨ, ਲਾਈਟਨੈੱਸ) ਰੰਗ ਮਾਡਲ ਵਿੱਚ ਬਦਲਦਾ ਹੈ, ਜੋ ਕਿ ਰੰਗਾਂ ਦੀ ਹੇਰਾਫੇਰੀ ਅਤੇ ਇਕਸਾਰ ਰੰਗ ਸਕੀਮਾਂ ਬਣਾਉਣ ਲਈ ਖਾਸ ਤੌਰ 'ਤੇ ਲਾਭਦਾਇਕ ਹੈ।
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
ਇਹ ਪਰਿਵਰਤਨ CSS ਨਾਲ ਕੰਮ ਕਰਨ ਵਾਲੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਅਤੇ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਖਾਸ ਤੌਰ 'ਤੇ ਕੀਮਤੀ ਹੈ, ਕਿਉਂਕਿ HSL ਸਹਿਜ ਰੰਗ ਸਮਾਯੋਜਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇੱਕ ਸਿੰਗਲ ਕੰਪੋਨੈਂਟ (ਰੰਗ, ਸੰਤ੍ਰਿਪਤਾ, ਜਾਂ ਹਲਕਾਪਨ) ਨੂੰ ਸੋਧਣ ਨਾਲ ਅਨੁਮਾਨਤ ਨਤੀਜੇ ਨਿਕਲਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਰੰਗ ਭਿੰਨਤਾਵਾਂ ਅਤੇ ਇਕਸੁਰਤਾ ਬਣਾਉਣਾ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ।
ਪਰਿਵਰਤਨ ਪ੍ਰਕਿਰਿਆ ਪਹਿਲਾਂ HEX ਨੂੰ RGB ਵਿੱਚ ਬਦਲਦੀ ਹੈ, ਫਿਰ ਉਦਯੋਗ-ਮਿਆਰੀ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ RGB ਨੂੰ HSL ਵਿੱਚ ਬਦਲਦੀ ਹੈ ਜੋ ਵੱਖ-ਵੱਖ ਰੰਗ ਮਾਡਲਾਂ ਵਿਚਕਾਰ ਰੰਗ ਦੀ ਇਕਸਾਰਤਾ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਸੁਰੱਖਿਅਤ ਰੱਖਦੇ ਹਨ।