प्रिंट पैलेट को वेब पर लाना HSL में आसान है: एक बार जब तुम्हारा इंक मिक्स hue, saturation और lightness में व्यक्त हो जाता है, तो तुम उससे सेकंडों में hover स्टेट्स, tints और shades बना सकते हो।
CMYK से HSL कन्वर्ज़न कैसे काम करता है
- CMYK प्रतिशतों को 0 से 255 के बीच RGB चैनलों में बदलो।
- चैनलों को 255 से भाग करो और उनका अधिकतम और न्यूनतम लो।
- अधिकतम और न्यूनतम का औसत lightness L है, उनका फैलाव saturation 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 एक रंग को 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%) |