रंग फॉर्मेट कन्वर्टर
वेब पर हर रंग को कई अलग-अलग तरीकों से लिखा जा सकता है - HEX कोड, RGB ट्रिपलेट, HSL वैल्यू, या प्रिंट के लिए CMYK प्रतिशत। डिज़ाइनर, डेवलपर और प्रिंटर आमतौर पर अलग-अलग फॉर्मेट पसंद करते हैं। यह कैलकुलेटर एक रंग लेकर तुरंत इन सभी समकक्ष रूपों को दिखाता है, साथ ही उसका पूरक रंग और सबसे पठनीय टेक्स्ट रंग जैसे उपयोगी अतिरिक्त विवरण भी।
रंग फॉर्मेट कन्वर्शन क्या है?
एक रंग असल में कलर स्पेस में एक बिंदु है। HEX और RGB इसे लाल, हरे और नीले प्रकाश की तीव्रता से दर्शाते हैं - जैसे स्क्रीन रंग बनाती है। HSL उसी बिंदु को ह्यू (कलर व्हील पर स्थिति), सैचुरेशन (कितना गहरा है) और लाइटनेस (काले या सफेद के कितने करीब है) से दर्शाता है - जैसे लोग सहज रूप से रंग के बारे में सोचते हैं। CMYK बताता है कि कागज़ पर रंग छापने के लिए प्रिंटर को कितनी सियान, मैजेंटा, पीली और काली स्याही चाहिए। ये चारों एक ही रंग के लिए अलग-अलग निर्देशांक प्रणालियाँ हैं।
सूत्र
HEX से RGB: 6-अंकों के हेक्स कोड को तीन 2-अंकों के जोड़ों में बाँटा जाता है और हर एक को आधार-16 संख्या (0-255) के रूप में पढ़ा जाता है:
RGB से HSL: पहले लाल, हरे और नीले को 0-1 के दायरे में सामान्य किया जाता है, फिर सबसे ऊँचे और सबसे निचले चैनल के मध्यबिंदु से लाइटनेस निकाली जाती है:
RGB से CMYK: पहले सबसे चमकीले चैनल से काला (K) निकाला जाता है, फिर बाकी चमक के सापेक्ष सियान, मैजेंटा और पीला निकाला जाता है:
सापेक्ष चमक (luminance) - पठनीय टेक्स्ट रंग चुनने के लिए इस्तेमाल होती है - sRGB मानों को लीनियराइज़ करने के बाद हर चैनल को आँख की संवेदनशीलता के अनुसार भार देती है:
कैलकुलेटर काले और सफेद टेक्स्ट के कंट्रास्ट रेशियो की तुलना आपके रंग की चमक से करता है और जो भी WCAG AA सीमा 4.5:1 को बड़े अंतर से पार करता है, उसकी सिफारिश करता है।
पूरक रंग कलर व्हील पर ह्यू को ठीक 180 डिग्री घुमाकर, सैचुरेशन और लाइटनेस को समान रखते हुए, वापस HEX में बदलता है।
इस कैलकुलेटर का उपयोग कैसे करें
- रंग स्वैच पर क्लिक करें और कोई भी रंग चुनें, या सीधे HEX कोड टाइप करें।
- उसी रंग को तुरंत HEX, RGB, HSL और CMYK में देखें।
- पूरक रंग देखें - एक्सेंट रंगों या टू-टोन डिज़ाइन के लिए उपयोगी।
- देखें कि आपके रंग पर काला या सफेद टेक्स्ट बेहतर दिखता है, और क्या यह "वेब-सेफ" रंग है।
उदाहरण
नीला रंग #3B82F6 लें:
- RGB: R=59, G=130, B=246 →
rgb(59, 130, 246) - HSL: ह्यू ≈ 217°, सैचुरेशन ≈ 91%, लाइटनेस ≈ 60% →
hsl(217, 91%, 60%) - CMYK: K = 1 - 246/255 ≈ 4%; C ≈ 76%, M ≈ 47%, Y ≈ 0% →
cmyk(76%, 47%, 0%, 4%) - पूरक रंग: ह्यू 217° + 180° = 37° → एक गर्म नारंगी,
#F6AF3C - सापेक्ष चमक ≈ 0.235, जो 0.5 के मध्यबिंदु से कम है, इसलिए यह नीला रंग "गहरा" माना जाता है। काले टेक्स्ट के साथ कंट्रास्ट (≈ 5.71:1) सफेद टेक्स्ट के कंट्रास्ट (≈ 3.68:1) से बेहतर है, इसलिए काला टेक्स्ट सुझाया गया ओवरले रंग है।