प्रिन्ट प्यालेटलाई वेबमा ल्याउन HSL सहज हुन्छ: एक पटक तिम्रो इंक मिक्स hue, saturation र lightness मा व्यक्त भएपछि, तिम्ले hover स्टेट्स, tints र shades सेकेन्डमै बनाउन सक्छौ।
CMYK बाट HSL रूपान्तरण कसरी काम गर्छ
- CMYK प्रतिशतलाई Coated FOGRA39 प्रोफाइलसहित 0 देखि 255 बीचका sRGB च्यानलमा बदल।
- च्यानलहरूलाई 255 ले भाग गर र तिनीहरूको अधिकतम र न्यूनतम निकाल।
- अधिकतम र न्यूनतमको औसत lightness L हो, तिनीहरूको फैलावट saturation S चलाउँछ।
- अधिकतम राख्ने च्यानलले रंग चक्का मा डिग्रीमा hue H निर्धारण गर्छ।
कार्यकुशल उदाहरण
CMYK बाट RGB चरणले मानक Coated FOGRA39 प्रोफाइल प्रयोग गर्छ, त्यसैले अन्य CMYK प्रोफाइल (जस्तै तिम्रो प्रिन्ट शपबाट) फरक संख्या दिन्छन्। 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(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |