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