प्रिंट पॅलेट वेबवर आणणे HSL मध्ये सोपे आहे: एकदा तुमचे इंक मिश्रण hue, saturation आणि lightness मध्ये व्यक्त झाले की, त्यापासून सेकंदात hover स्टेट्स, tints आणि shades बनवता येतात.
CMYK ते HSL रूपांतरण कसे कार्य करते
- CMYK टक्केवाऱ्यांना 0 ते 255 मधील RGB चॅनेल्समध्ये रूपांतरित करा.
- चॅनेल्सना 255 ने भागा आणि त्यांचा maximum आणि minimum घ्या.
- maximum आणि minimum ची सरासरी म्हणजे lightness L, त्यांचा फरक saturation S ठरवतो.
- maximum असलेला चॅनेल रंग चकतीवरील डिग्रींमध्ये 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 रंगाला तीन भागात विभागते: hue (रंगसंचारावर 0–360°), saturation (किती रंगीच, 0–100%) आणि lightness (किती उजळ, 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%) |