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