इस लेख में
रंग प्रारूप समझाए गए
डिजिटल डिज़ाइन और वेब डेवलपमेंट में रंगों को कई प्रारूपों में दर्शाया जाता है जो अलग-अलग संदर्भों के लिए उपयुक्त होते हैं। HEX (#ff5733) वेब के लिए संक्षिप्त और सार्वभौमिक है। RGB (255, 87, 51) रंगों को मिलाने के लिए सहज है। HSL (14°, 100%, 60%) रंग, संतृप्ति और चमक को समायोजित करने के लिए सबसे मानव-पठनीय है।
अलग-अलग उपकरण अलग-अलग रंग प्रारूपों का उपयोग करते हैं — डिज़ाइन सॉफ़्टवेयर अक्सर HSL को प्राथमिकता देता है, HTML/CSS, HEX और RGB का उपयोग करते हैं, JavaScript रंग लाइब्रेरियाँ विभिन्न प्रारूपों का उपयोग कर सकती हैं, और प्रिंट डिज़ाइन CMYK का उपयोग करता है। इनके बीच सटीक रूपांतरण के लिए गणितीय सूत्रों की आवश्यकता होती है।
रंग रूपांतरण कैसे काम करता है
कन्वर्टर रंग स्थानों के बीच सटीक गणितीय परिवर्तन लागू करता है।
- HEX पार्सिंग — अल्फ़ा चैनल के साथ या बिना, 3-अंकीय और 6-अंकीय हेक्स कोड को डिकोड करता है
- RGB सामान्यीकरण — 0-255 पूर्णांक मानों और 0-1 फ़्लोट प्रतिनिधित्व को संभालता है
- HSL गणना — रंग (0-360°), संतृप्ति (0-100%) और चमक (0-100%) से/की ओर रूपांतरित करता है
निःशुल्क आज़माएँ — कोई साइनअप आवश्यक नहीं
एक रंग रूपांतरित करें →रंग रूपांतरण का उपयोग कब करें
रंग रूपांतरण की आवश्यकता तब होती है जब रंग अलग-अलग उपकरणों, प्रारूपों या संदर्भों के बीच जाते हैं।
- डिज़ाइन से कोड — CSS कार्यान्वयन के लिए Figma/Sketch के HSL रंग मानों को HEX में बदलें
- ब्रांड की एकरूपता — सत्यापित करें कि रंग मान अलग-अलग डिज़ाइन उपकरणों और कोड कार्यान्वयनों में मेल खाते हैं
- पहुँच-योग्यता — WCAG अनुपालन के लिए कंट्रास्ट अनुपात (जो RGB मानों से सापेक्ष चमक का उपयोग करते हैं) की गणना करें
अक्सर पूछे जाने वाले प्रश्न
RGB और RGBA में क्या अंतर है?
RGBA, RGB में एक अल्फ़ा चैनल जोड़ता है, जो अपारदर्शिता को 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) या कुछ संदर्भों में 0-255 तक दर्शाता है। इसी तरह, HEXA अल्फ़ा के लिए दो हेक्स अंक जोड़ता है (जैसे, पूरी तरह अपारदर्शी के लिए #FF5733FF या 50% अपारदर्शिता के लिए #FF573380)। अल्फ़ा मान पारदर्शी और अर्ध-पारदर्शी रंगों को सक्षम करते हैं।
किसी रंग को रूपांतरित करके वापस लाने पर हमेशा वही मान क्यों नहीं मिलता?
रंग स्थान रूपांतरण में फ़्लोटिंग-पॉइंट अंकगणित और गोलाई शामिल होती है। राउंड-ट्रिप रूपांतरणों (RGB → HSL → RGB) में अंतिम अंक में छोटी गोलाई त्रुटियाँ हो सकती हैं। यह सामान्य है और यह अंतर मानव आँख के लिए अगोचर होता है। परिशुद्धता-महत्वपूर्ण कार्य के लिए, रंगों को हमेशा एक ही मानक प्रारूप में संग्रहीत करें।
HSL और HSV/HSB में क्या अंतर है?
HSL (रंग, संतृप्ति, चमक) और HSV/HSB (रंग, संतृप्ति, मान/उज्ज्वलता) अलग-अलग बेलनाकार रंग मॉडल हैं। HSL में, संतृप्ति की परवाह किए बिना पूर्ण सफ़ेद L=100% होता है; HSV में, पूर्ण सफ़ेद S=0%, V=100% होता है। HSL वेब डिज़ाइन के लिए अधिक सहज है; HSV आमतौर पर कलर पिकर UI नियंत्रणों में उपयोग होता है।