ਇੱਕ ਪ੍ਰਿੰਟ ਪੈਲੇਟ ਨੂੰ ਵੈੱਬ ਲਈ ਲਿਆਉਣਾ HSL ਵਿੱਚ ਆਸਾਨ ਹੈ: ਜਦੋਂ ਤੁਹਾਡਾ ਇੰਕ ਮਿਕਸ hue, saturation ਅਤੇ lightness ਦੇ ਰੂਪ ਵਿੱਚ ਹੋ ਜਾਵੇ, ਤੂੰ ਇਸ ਵਿੱਚੋਂ hover states, tints ਅਤੇ shades ਸੈਕਿੰਡਾਂ ਵਿੱਚ ਬਣਾ ਸਕਦਾ ਹੈ।
CMYK ਤੋਂ HSL ਰੂਪਾਂਤਰਕ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
- CMYK ਪ੍ਰਤਿਸ਼ਤਾਂ ਨੂੰ RGB ਚੈਨਲਾਂ (0 ਤੋਂ 255) ਵਿੱਚ ਬਦਲੋ।
- ਚੈਨਲਾਂ ਨੂੰ 255 ਨਾਲ ਵੰਡੋ ਅਤੇ ਉਹਨਾਂ ਦਾ ਵੱਧ ਅਤੇ ਘੱਟ ਲੈਓ।
- ਵੱਧ ਅਤੇ ਘੱਟ ਦਾ ਦਰਮਿਆਨੀ lightness L ਹੁੰਦਾ ਹੈ, ਉਹਨਾਂ ਦਾ ਫੈਲ saturation S ਨੂੰ चलਾਉਂਦਾ ਹੈ।
- ਜੋ ਚੈਨਲ ਵੱਧ ਹੈ ਉਹ hue H ਨੂੰ ਡਿਗਰੀਆਂ ਵਿੱਚ ਰੰਗ ਪਹੀਏ 'ਤੇ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।
ਕਾਮਯਾਬ ਉਦਾਹਰਨ
CMYK ਤੋਂ RGB ਕਦਮ ਪਹਿਲਾਂ ਹੀ ਇੱਕ ਅਨੁਮਾਨ ਹੈ ਅਤੇ HSL ਮੁੱਲ ਪੂਰੇ ਨੰਬਰਾਂ 'ਤੇ ਗੋਲ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਨਤੀਜਾ ਬਹੁਤ ਨੇੜਲਾ ਮੇਲ ਹੁੰਦਾ ਹੈ, ਪਰ color-managed conversion ਨਹੀਂ।
CMYK ਅਤੇ HSL ਦੀ ਵਿਆਖਿਆ
CMYK ਕੀ ਹੈ?
CMYK ਛਪਾਈ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਚਾਰ-ਇంక ਮਾਡਲ ਹੈ: cyan, magenta, yellow ਅਤੇ key (black), ਹਰ ਇਕ 0 ਤੋਂ 100 % ਤੱਕ। ਇੰਕ ਰੋਸ਼ਨੀ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ ਨਾਂ ਕਿ ਜਾਰੀ ਕਰਦੀ ਹੈ, ਇਸ ਲਈ CMYK ਸਕ੍ਰੀਨ ਨਾਲੋਂ ਘੱਟ ਰੰਗਾਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ — ਇਸੀ ਕਾਰਨ ਤੇਜ਼ ਸਕ੍ਰੀਨ ਰੰਗ ਛਾਪਣ 'ਤੇ ਅਕਸਰ ਸੁਸਤ ਲੱਗਦੇ ਹਨ।
- ਸਿੰਟੈਕਸ:
- cmyk(C%, M%, Y%, K%)
- ਰੈਂਜ:
- 0–100% ਪ੍ਰਤੀ ਇੰਕ
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- print, packaging, press-ready artwork
HSL ਕੀ ਹੈ?
HSL ਰੰਗ ਨੂੰ hue (color wheel 'ਤੇ 0–360°), saturation (ਕਿੰਨਾ ਰੰਗੀਨ, 0–100%) ਅਤੇ lightness (ਕਿੰਨੀ ਰੋਸ਼ਨੀ, 0–100%) ਵਿੱਚ ਵੰਡਦਾ ਹੈ। ਕਿਉਂਕਿ ਹਰ ਹਿੱਸਾ ਲੋਕਾਂ ਦੇ ਰੰਗ ਵੇਰਵੇ ਨਾਲ ਮਿਲਦਾ ਹੈ, HSL ਟਿੰਟਸ, ਸ਼ੇਡਸ ਅਤੇ ਲਗਾਤਾਰ palettes ਬਣਾਉਣ ਲਈ ਸਭ ਤੋਂ ਆਸਾਨ ਫਾਰਮੈਟ ਹੈ — ਹੱਥ ਨਾਲ ਜਾਂ ਕੋਡ ਵਿੱਚ।
- ਸਿੰਟੈਕਸ:
- hsl(H, S%, L%)
- ਰੈਂਜ:
- 0–360°, 0–100%, 0–100%
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- palettes, tints and shades, theming
CMYK ਤੋਂ HSL ਹਵਾਲਾ ਸਾਰਣੀ
ਸਭ ਤੋਂ ਆਮ CSS ਰੰਗ, CMYK ਤੋਂ HSL ਵਿੱਚ ਰੂਪਾਂਤਰਿਤ।
| ਰੰਗ | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |