HSL ਵਿੱਚ ਡਿਜ਼ਾਈਨ ਕੀਤੀਆਂ ਪੈਲੇਟਾਂ ਅਕਸਰ ਕਾਗਜ਼ 'ਤੇ ਆ ਜਾਂਦੀਆਂ ਹਨ। ਇਹ ਕੰਵਰਟਰ ਉਹ hue, saturation ਅਤੇ lightness ਲੈਂਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਚੁਣਿਆ ਅਤੇ ਪ੍ਰਿੰਟ ਸ਼ਾਪ ਲਈ ਚਾਰ ਇੰਕ ਪ੍ਰਤਿਸ਼ਤਾਂ ਵਾਪਸ ਕਰਦਾ ਹੈ।
HSL ਤੋਂ CMYK ਰੂਪਾਂਤਰਕ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
- HSL ਤਿਕੜੀ ਨੂੰ RGB ਚੈਨਲਾਂ (0 ਤੋਂ 255) ਵਿੱਚ ਬਦਲੋ।
- ਉਹਨਾਂ ਚੈਨਲਾਂ ਨੂੰ 255 ਨਾਲ ਵੰਡ ਕੇ ਸਧਾਰਨ ਕਰੋ।
- key ਕੰਪੋਨੈਂਟ K = 1 − max(R, G, B) ਦੀ ਗਣਨਾ ਕਰੋ।
- ਬਾਕੀ ਰਹਿੰਦੇ ਚੈਨਲਾਂ ਤੋਂ C, M ਅਤੇ Y ਨਿਕਾਲੋ ਅਤੇ ਸਭ ਚਾਰਾਂ ਨੂੰ ਪ੍ਰਤਿਸ਼ਤਾਂ ਵਿੱਚ ਬਦਲੋ।
ਕਾਮਯਾਬ ਉਦਾਹਰਨ
ਦੋ ਵਾਰੀ ਬਦਲਾਅ ਹੋ ਰਹੇ ਹਨ, ਇਸ ਲਈ ਗੋਲ ਹੋਣਾ ਦੋ ਵਾਰੀ ਹੁੰਦਾ ਹੈ — ਅਤੇ ਬਿਨਾਂ color profile ਦੇ CMYK ਇੱਕ ਅਨੁਮਾਨ ਹੀ ਰਹਿੰਦਾ ਹੈ। ਪ੍ਰਿੰਟ ਨਤੀਜਾ HSL ਪ੍ਰੀਵਿਊ ਨਾਲੋਂ ਥੋੜ੍ਹਾ ਘੱਟ ਜ਼ਿੰਦਾ (vivid) ਹੋਵੇਗਾ।
HSL ਅਤੇ CMYK ਦੀ ਵਿਆਖਿਆ
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 ਕੀ ਹੈ?
CMYK ਛਪਾਈ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਚਾਰ-ਇంక ਮਾਡਲ ਹੈ: cyan, magenta, yellow ਅਤੇ key (black), ਹਰ ਇਕ 0 ਤੋਂ 100 % ਤੱਕ। ਇੰਕ ਰੋਸ਼ਨੀ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ ਨਾਂ ਕਿ ਜਾਰੀ ਕਰਦੀ ਹੈ, ਇਸ ਲਈ CMYK ਸਕ੍ਰੀਨ ਨਾਲੋਂ ਘੱਟ ਰੰਗਾਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ — ਇਸੀ ਕਾਰਨ ਤੇਜ਼ ਸਕ੍ਰੀਨ ਰੰਗ ਛਾਪਣ 'ਤੇ ਅਕਸਰ ਸੁਸਤ ਲੱਗਦੇ ਹਨ।
- ਸਿੰਟੈਕਸ:
- cmyk(C%, M%, Y%, K%)
- ਰੈਂਜ:
- 0–100% ਪ੍ਰਤੀ ਇੰਕ
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- print, packaging, press-ready artwork
HSL ਤੋਂ CMYK ਹਵਾਲਾ ਸਾਰਣੀ
ਸਭ ਤੋਂ ਆਮ CSS ਰੰਗ, HSL ਤੋਂ CMYK ਵਿੱਚ ਰੂਪਾਂਤਰਿਤ।
| ਰੰਗ | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |