HSL में डिज़ाइन की गई पैलेट अक्सर कागज़ पर उतरती है। यह कनवर्टर तुम्हारे चुने हुए hue, saturation और lightness को लेकर प्रिंट शॉप में काम आने वाले चार इंक प्रतिशत देता है।
HSL से CMYK कन्वर्ज़न कैसे काम करता है
- HSL ट्रिपल को 0 से 255 के बीच RGB चैनलों में बदलो।
- उन चैनलों को 255 से भाग करके सामान्यीकृत करो।
- key घटक K = 1 − max(R, G, B) निकालो।
- बचे हुए चैनलों से C, M और Y निकालो और चारों को प्रतिशतों में बदलो।
काम करने का उदाहरण
दोनों कनवर्ज़न लगातार होते हैं, इसलिए राउंडिंग दो बार होती है — और CMYK बिना कलर प्रोफ़ाइल के एक अनुमान ही रहता है। प्रिंटेड परिणाम HSL प्रीव्यू की तुलना में थोड़ा कम जीवंत हो सकता है।
HSL और CMYK समझाया गया
HSL क्या है?
HSL एक रंग को hue (0–360° रंग पहिये पर), saturation (कितना रंगीन, 0–100%) और lightness (कितना उज्ज्वल, 0–100%) में बाँटता है। चूँकि हर हिस्सा लोगों के रंग वर्णन से मिलता है, HSL तिन्ट्स, शेड्स और स्थिर पैलेट बनाने के लिए सबसे आसान फ़ॉर्मैट है — हाथ से या कोड में।
- सिंटैक्स:
- hsl(H, S%, L%)
- रेंज:
- 0–360°, 0–100%, 0–100%
- उपयुक्त:
- पैलेट, टिंट और शेड, थीमिंग
CMYK क्या है?
CMYK प्रिंटिंग में इस्तेमाल होने वाला चार-इंक मॉडल है: cyan, magenta, yellow और key (black), हर एक प्रतिशत में 0 से 100 तक। इंक प्रकाश को घटाती है बजाय छोड़ने के, इसलिए CMYK स्क्रीन की तुलना में कम रंगों को कवर करता है — यही वजह है कि चमकीने स्क्रीन रंग अक्सर प्रिंट होने पर मद्धम दिखते हैं।
- सिंटैक्स:
- cmyk(C%, M%, Y%, K%)
- रेंज:
- 0–100% प्रति स्याही
- उपयुक्त:
- प्रिंट, पैकेजिंग, प्रेस-रेडी आर्टवर्क
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%) |