ପ୍ରିଣ୍ଟ palette କୁ web ଉପରେ ଆଣିବା HSL ରେ ସହଜ: ଯେତେବେଳେ ତୁମର ink mix hue, saturation ଏବଂ lightness ଭାବେ ପ୍ରକଟିତ ହୁଏ, ତୁମେ ତାହାରୁ hover states, tints ଏବଂ shades ସେକେଣ୍ଡରେ ତିଆରି କରିପାରିବ।
CMYK କୁ HSL ପରିବର୍ତ୍ତନ କିପରି କାମ କରେ
- CMYK ପ୍ରତିଶତଗୁଡିକୁ 0 ରୁ 255 ମଧ୍ୟରେ RGB ଚ୍ୟାନେଲ୍ରେ ପରିବର୍ତ୍ତନ କର।
- ଚ୍ୟାନେଲ୍ଗୁଡିକୁ 255 ଦ୍ୱାରା ଭାଗ କର ଏବଂ ସେମାନଙ୍କର maximum ଏବଂ minimum ନିଅ।
- maximum ଏବଂ minimum ର ମଧ୍ୟମ average ହେଉଛି lightness L, ତାଙ୍କର spread saturation S ଚାଲାଇଥାଏ।
- ସବୁଠାରୁ ବେଶି ଥିବା ଚ୍ୟାନେଲ୍ hue H କୁ color wheel ଉପରେ ଡିଗ୍ରୀରେ ନିର୍ଣ୍ଣୟ କରେ।
କାର୍ଯ୍ୟକ୍ଷମ ଉଦାହରଣ
CMYK ରୁ RGB ପଦକ୍ରମ ଆଗରୁ ହିଁ ଏକ ଅନୁମାନ ଏବଂ HSL ମୂଲ୍ୟଗୁଡିକୁ ସାରା ସଂଖ୍ୟାକୁ ଗୋଲ କରାଯାଏ। ଫଳାଫଳ ଖୁବ୍ ନିକଟ ମେଳ, କିନ୍ତୁ color‑managed conversion ନୁହେଁ।
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(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%) |