प्रत्येक रंग ढाँचा एउटै कुरा फरक भाषामा वर्णन गर्छ: CSS का लागि HEX, स्क्रीन र कोडका लागि RGB, प्यालेट बनाउन HSL, प्रिन्टका लागि CMYK। आवश्यक रूपान्तरण छान र ठ्याक्कै मान, प्रत्यक्ष पूर्वावलोकन र त्यसको पछाडिको सूत्र पाउँ।
चारवटा रंग ढाँचाहरू
HEX के हो?
HEX कोड एउटा छैठौं-डिजिट हेक्साडेसिमल संख्या हो जसले अग्रशिर # पछाडि रङको रातो, हरियो र निलो च्यानल भण्डारण गर्छ। प्रत्येक दुई अंकले एउटा च्यानल कभर गर्छ, 00 (कुनै) देखि FF (पूर्ण) सम्म, जसले RGB जस्तै 16.7 मिलियन रंगहरू छोटो नोटेशनमा दिन्छ। HEX CSS, डिजाइन टूल र ब्राण्ड गाइडलाइनहरूमा पूर्वनिर्धारित हुन्छ।
- सिन्ट्याक्स:
- #RRGGBB
- उत्तम प्रयोग:
- CSS, डिजाइन ह्यान्डअफ, ब्रान्ड गाइडलाइन
RGB के हो?
RGB ले रंगलाई प्रकाशका तीन च्यानल—रातो, हरियो र निलो—को रूपमा वर्णन गर्छ, प्रत्येक 0 देखि 255 सम्म। यो स्क्रीनहरू कसरी काम गर्दछन् भनी झल्किन्छ: सबै तीन 255 मा सेट हुँदा सेतो आउँछ, सबै 0 हुँदा कालो। जब पनि तिमीले रंगसँग गणना गर्नुपर्ने हुन्छ RGB उपयुक्त छ, र rgba() ले माथि पारदर्शिता थप्छ।
- सिन्ट्याक्स:
- rgb(R, G, B)
- उत्तम प्रयोग:
- कोड, क्यानभास, rgba() संग पारदर्शिता
HSL के हो?
HSL ले रंगलाई ह्युआ (रंगचक्रमा 0–360°), स्याचुरेसन (कति रङगार, 0–100%) र लाइटनेस (कति उज्यालो, 0–100%) मा विभाजन गर्छ। प्रत्येक भागले मानिसहरूले रंगलाई वर्णन गर्ने तरिकासँग मेल खानाले HSL टिन्ट, शेड र सुसंगत प्यालेटहरू — हातले वा कोडमा — बनाउन सजिलो बनाउँछ।
- सिन्ट्याक्स:
- hsl(H, S%, L%)
- उत्तम प्रयोग:
- प्यालेटहरू, टिन्ट र शेड, थिमिङ
CMYK के हो?
CMYK मुद्रणमा प्रयोग हुने चार-इंक मोडेल हो: cyan, magenta, yellow र key (black), प्रत्येक 0 देखि 100 प्रतिशतसम्म। इंकले प्रकाश उत्सर्जन गर्ने सट्टा घटाउँछ, त्यसैले CMYK ले स्क्रीनभन्दा कम रंग समेट्छ — त्यसैले चम्किला स्क्रीनका रंगहरू प्रिन्ट गर्दा प्रायः मन्द देखिन सक्छन्।
- सिन्ट्याक्स:
- cmyk(C%, M%, Y%, K%)
- उत्तम प्रयोग:
- प्रिन्ट, प्याकेजिङ, प्रेस-रेडी आर्टवर्क