कलर कन्वर्टर: HEX से RGB से HSL (और वापस)
किसी भी फ़ॉर्मैट में रंग लिखें, पेस्ट करें या पिकर से चुनें, और बाकी सारे फ़ॉर्मैट प्रीव्यू के साथ पाएँ।
- आपके डिवाइस पर चलता है। कुछ भी अपलोड नहीं होता।
- मुफ़्त, कोई वॉटरमार्क नहीं
- साइन-अप की ज़रूरत नहीं
कैसे इस्तेमाल करें
- #ff5a1f, rgb(255, 90, 31) या hsl(16, 100%, 56%) जैसा रंग लिखें, या पिकर इस्तेमाल करें।
- रंग-पट्टी और सारे फ़ॉर्मैट एक साथ देखें।
- वैल्यू कॉपी करें, और टेक्स्ट के लिए रंग लेने से पहले कंट्रास्ट जाँचें।
ज़रूरी जानकारी
ये इनपुट चलते हैं: 3, 4, 6 या 8 अंकों वाला HEX (#f50, #ff5a1f, #ff5a1f80), कॉमा या स्पेस वाला rgb() और rgba(), hsl() और hsla(), या 255 90 31 जैसी तीन सादी संख्याएँ। पारदर्शिता बची रहती है और 8 अंकों वाले HEX, rgba() और hsla() में दिखती है।
HSL की वैल्यू पूर्णांक में राउंड होती हैं, जैसा CSS में आमतौर पर दिखता है, इसलिए HSL → HEX → HSL करने पर कोई वैल्यू 1 से खिसक सकती है। HEX और RGB बिल्कुल सटीक रहते हैं।
कंट्रास्ट अनुपात WCAG 2 के फ़ॉर्मूले से निकलता है। आसानी से पढ़ने के लिए टेक्स्ट और बैकग्राउंड में कम से कम 4.5:1 चाहिए (बड़ी हेडिंग के लिए 3:1)। जैसे हमारा नारंगी #ff5a1f सफ़ेद पर लगभग 3.1:1 है: छोटे टेक्स्ट के लिए कम, पर गहरे टेक्स्ट वाले बटन के बैकग्राउंड के लिए ठीक।
सवाल-जवाब
HEX को RGB में कैसे बदलें?
HEX वैल्यू पेस्ट करें; RGB वैल्यू रंग-पट्टी के नीचे दिखेगी।
HSL क्या है?
ह्यू (0–360°), सैचुरेशन और लाइटनेस। इससे हल्के-गहरे शेड बनाना आसान होता है।
क्या पारदर्शिता चलती है?
हाँ, 8 अंकों वाले HEX, rgba() या hsla() से।
टेक्स्ट के लिए कितना कंट्रास्ट चाहिए?
सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 (WCAG AA)।
क्या प्रिंट के लिए CMYK मिलेगा?
यहाँ नहीं; स्क्रीन से प्रिंट का बदलाव प्रिंटर की प्रोफ़ाइल पर निर्भर है।