ପ୍ରିଣ୍ଟ palette କୁ web ଉପରେ ଆଣିବା HSL ରେ ସହଜ: ଯେତେବେଳେ ତୁମର ink mix hue, saturation ଏବଂ lightness ଭାବେ ପ୍ରକଟିତ ହୁଏ, ତୁମେ ତାହାରୁ hover states, tints ଏବଂ shades ସେକେଣ୍ଡରେ ତିଆରି କରିପାରିବ।
CMYK କୁ HSL ପରିବର୍ତ୍ତନ କିପରି କାମ କରେ
- CMYK ପ୍ରତିଶତକୁ Coated FOGRA39 ପ୍ରୋଫାଇଲ୍ ସହ 0 ରୁ 255 ମଧ୍ୟରେ sRGB ଚ୍ୟାନେଲରେ ପରିବର୍ତ୍ତନ କର।
- ଚ୍ୟାନେଲ୍ଗୁଡିକୁ 255 ଦ୍ୱାରା ଭାଗ କର ଏବଂ ସେମାନଙ୍କର maximum ଏବଂ minimum ନିଅ।
- maximum ଏବଂ minimum ର ମଧ୍ୟମ average ହେଉଛି lightness L, ତାଙ୍କର spread saturation S ଚାଲାଇଥାଏ।
- ସବୁଠାରୁ ବେଶି ଥିବା ଚ୍ୟାନେଲ୍ hue H କୁ color wheel ଉପରେ ଡିଗ୍ରୀରେ ନିର୍ଣ୍ଣୟ କରେ।
କାର୍ଯ୍ୟକ୍ଷମ ଉଦାହରଣ
CMYK ରୁ RGB ପଦକ୍ରମ ମାନକ Coated FOGRA39 ପ୍ରୋଫାଇଲ୍ ବ୍ୟବହାର କରେ, ତେଣୁ ଅନ୍ୟ CMYK ପ୍ରୋଫାଇଲ୍ (ଉଦାହରଣ ସ୍ୱରୂପ ତୁମ ପ୍ରିଣ୍ଟ ଶପ୍ରୁ) ଭିନ୍ନ ସଂଖ୍ୟା ଦିଏ। HSL ମୂଲ୍ୟ ପୂର୍ଣ୍ଣ ସଂଖ୍ୟାକୁ ରାଉଣ୍ଡ କରାଯାଏ।
CMYK ଓ HSL ବ୍ୟାଖ୍ୟା
CMYK କ'ଣ?
CMYK ଛପାରେ ବ୍ୟବହୃତ ଚାରି-ଇଙ୍କ୍ ମଡେଲ୍: cyan, magenta, yellow ଏବଂ key (black), ପ୍ରତ୍ୟେକ 0 ଠାରୁ 100% ପର୍ଯ୍ୟନ୍ତ। m ଇଙ୍କ୍ ଆଲୋକ ସଂସ୍ଥାପନ କରେ ନୁହେଁ ଉତ୍ପାଦନ କରେ, ସେହିପାଇଁ CMYK ସ୍କ୍ରିନ୍ ତୁଳନାରେ କମ୍ ରଙ୍ଗ ଆବୃତ୍ତି ପାଏ — ଏହା ହେତୁ ଉଜ୍ଜ୍ୱଳ ସ୍କ୍ରିନ୍ ରଙ୍ଗ ଛପାବେଳେ ଅଧିକ ଧୁସର ଲାଗିପାରେ।
- ସିନ୍ଟାକ୍ସ:
- cmyk(C%, M%, Y%, K%)
- ରେଞ୍ଜ:
- 0–100% per ink
- ଶ୍ରେଷ୍ଠ ପାଇଁ:
- print, packaging, press-ready artwork
HSL କ'ଣ?
HSL ଗୋଟିଏ ରଙ୍ଗକୁ hue (ରଙ୍ଗଚକ୍ରରେ 0–360°), saturation (କେତେ ରଙ୍ଗୀନ, 0–100%) ଏବଂ lightness (କେତେ ଉଜ୍ଜ୍ୱଳ, 0–100%) ଭାଗରେ ବିଭାଜିତ କରେ। ପ୍ରତ୍ୟେକ ଅଂଶ ଲୋକେ କିପରି ରଙ୍ଗ କୁଣ୍ଡଳୀ ବର୍ଣ୍ଣନା କରନ୍ତି ସେଇପରି ମେଳ ଖାଏ, ତେଣୁ HSL ହାତୋଲା ଭାବରେ କିମ୍ବା କୋଡ୍ ମାଧ୍ୟମରେ ଟିଣ୍ଟ, ଶେଡ୍ ଓ ସଙ୍ଗତିପୂର୍ଣ୍ଣ ପ୍ୟାଲେଟ୍ ତିଆରି କରିବାକୁ ସରଳ।
- ସିନ୍ଟାକ୍ସ:
- 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%) |