ਇੱਕ ਪ੍ਰਿੰਟ ਪੈਲੇਟ ਨੂੰ ਵੈੱਬ ਲਈ ਲਿਆਉਣਾ HSL ਵਿੱਚ ਆਸਾਨ ਹੈ: ਜਦੋਂ ਤੁਹਾਡਾ ਇੰਕ ਮਿਕਸ hue, saturation ਅਤੇ lightness ਦੇ ਰੂਪ ਵਿੱਚ ਹੋ ਜਾਵੇ, ਤੂੰ ਇਸ ਵਿੱਚੋਂ hover states, tints ਅਤੇ shades ਸੈਕਿੰਡਾਂ ਵਿੱਚ ਬਣਾ ਸਕਦਾ ਹੈ।
CMYK ਤੋਂ HSL ਰੂਪਾਂਤਰਕ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
- CMYK ਪ੍ਰਤੀਸ਼ਤਾਂ ਨੂੰ Coated FOGRA39 ਪ੍ਰੋਫਾਈਲ ਨਾਲ 0 ਤੋਂ 255 ਵਿਚਕਾਰ sRGB ਚੈਨਲਾਂ ਵਿੱਚ ਬਦਲੋ।
- ਚੈਨਲਾਂ ਨੂੰ 255 ਨਾਲ ਵੰਡੋ ਅਤੇ ਉਹਨਾਂ ਦਾ ਵੱਧ ਅਤੇ ਘੱਟ ਲੈਓ।
- ਵੱਧ ਅਤੇ ਘੱਟ ਮੁੱਲਾਂ ਦਾ ਔਸਤ lightness L ਹੁੰਦਾ ਹੈ, ਅਤੇ ਉਹਨਾਂ ਵਿਚਲਾ ਫੈਲਾਅ saturation S ਤੈਅ ਕਰਦਾ ਹੈ।
- ਜੋ ਚੈਨਲ ਵੱਧ ਹੈ ਉਹ hue H ਨੂੰ ਡਿਗਰੀਆਂ ਵਿੱਚ ਰੰਗ ਪਹੀਏ 'ਤੇ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।
ਕਾਮਯਾਬ ਉਦਾਹਰਨ
CMYK ਤੋਂ RGB ਕਦਮ ਮਿਆਰੀ Coated FOGRA39 ਪ੍ਰੋਫਾਈਲ ਵਰਤਦਾ ਹੈ, ਇਸ ਲਈ ਹੋਰ CMYK ਪ੍ਰੋਫਾਈਲ (ਜਿਵੇਂ ਤੁਹਾਡੀ ਪ੍ਰਿੰਟ ਦੁਕਾਨ ਤੋਂ) ਵੱਖਰੇ ਅੰਕ ਦਿੰਦੇ ਹਨ। HSL ਮੁੱਲ ਪੂਰੇ ਅੰਕਾਂ ਵਿੱਚ ਗੋਲ ਕੀਤੇ ਜਾਂਦੇ ਹਨ।
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(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |