ప్రింట్ ప్యాలెట్‌ను వెబ్‌కు తీసుకురావడం HSLలో సులభం: ఒకసారి మీ ఇంక్ మిక్స్‌ను hue, saturation మరియు lightnessగా వ్యక్తీకరించిన తరువాత, హోవర్ స్టేట్స్, టింట్స్ మరియు షేడ్స్ సెకన్లలో తయారుచేయవచ్చు.
CMYK నుండి HSL మార్పుదల ఎలా జరుగుతుంది
- CMYK శాతాలను RGB చానెల్స్ 0 నుండి 255 మధ్యకి మార్చండి.
- చానెల్స్ను 255 తో భాగించి వాటి గరిష్ఠం మరియు కనిష్ఠాన్ని తీసుకోండి.
- గరిష్ఠం మరియు కనిష్ఠం యొక్క సరాసరి లైట్నెస్ L అవుతుంది, వాటి వ్యాప్తి సాచురేషన్ S ని నిర్వచిస్తుంది.
- గరిష్ఠాన్ని కలిగిన చానెల్ రంగుల చక్రంలో డిగ్రీలలో hue H ని నిర్ణయిస్తుంది.
ఉదాహరణతో పని చేయడం
CMYK నుంచి RGB దశ ఇప్పటికే అంచనా మరియు HSL విలువలు పూర్తి సంఖ్యలుగా రౌండింగ్ అవుతాయి. ఫలితం చాలా సమీపంగా సరిపోతుంది, కానీ కలర్-మేనేజ్డ్ కన్వర్షన్ కాదు.
CMYK మరియు HSL వివరాలు
CMYK అంటే ఏమిటి?
CMYK ప్రింటింగ్‌లో ఉపయోగించే నాలుగు-ఇంక్ మోడల్: cyan, magenta, yellow మరియు key (black), ప్రతి ఒక్కటి 0 నుంచి 100 వరకు శాతంగా ఉంటుంది. మూలకాలు వెలుగు విడుదల చేయకుండా తీసివేస్తాయి, కాబట్టి CMYK స్క్రీన్ కంటే తక్కువ రంగులను కవర్ చేస్తుంది — అందుకే తేజస్సైన స్క్రీన్ రంగులు ముద్రణలో ఎక్కువగా నిలకడగా కనిపించవచ్చు.
- సింటాక్స్:
- cmyk(C%, M%, Y%, K%)
- పరిధి:
- ప్రతి ఇంక్‌కు 0–100%
- ఉత్తమంగా ఉపయోగించే సందర్భం:
- ప్రింట్, ప్యాకేజింగ్, ప్రెస్-రెడీ ఆర్ట్‌వర్క్
HSL అంటే ఏమిటి?
HSL ఒక రంగును హ్యూ (రంగు చక్రంలో 0–360°), స్యాచురేషన్ (రంగు తీవ్రత, 0–100%) మరియు లైట్నెస్ (తీవ్రత, 0–100%) గా విడగొడుతుంది. ప్రతి భాగం 사람들이 రంగును వివరిస్తున్న పద్ధతిని అనుసరించడంతో, HSL టింట్లు, షేడ్లు మరియు సారూప్య ప్యాలెట్లు — చేతితో లేదా కోడ్‌లో — తయారుచేయడానికి సులభమైన ఫార్మాట్.
- సింటాక్స్:
- hsl(H, S%, L%)
- పరిధి:
- 0–360°, 0–100%, 0–100%
- ఉత్తమంగా ఉపయోగించే సందర్భం:
- ప్యాలెట్లు, టింట్లు మరియు షేడ్స్, థీమింగ్
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%) |