कलर कन्वर्टर — मुफ़्त ऑनलाइन

रंगों को HEX, RGB, HSL, HSV और CMYK के बीच ऑनलाइन (online) एक साथ बदलें, RGB स्लाइडर, पैलेट और लाइव प्रीव्यू के साथ।

Converter

HEX, RGB, HSL, HSV और CMYK — सब एक साथ

स्लाइडर खींचें, कोई स्वैच चुनें, या HEX कोड दर्ज करें - सभी फ़ॉर्मेट रीयल-टाइम में अपडेट होते हैं

HEX
RGB
HSL
HSV
CMYK

परिणाम केवल जानकारी के उद्देश्य से दिए गए हैं और उनमें त्रुटियाँ हो सकती हैं। महत्वपूर्ण जानकारी की स्वतंत्र रूप से पुष्टि करें। इस टूल का उपयोग आपके अपने जोखिम पर है।

इन रंग फ़ॉर्मेट के बारे में

HEX और RGB स्क्रीन और CSS के लिए मानक फ़ॉर्मेट हैं: HEX कॉम्पैक्ट है (#3B82F6), RGB हर चैनल (0-255) स्पष्ट रूप से दर्शाता है। HSL (ह्यू, सैचुरेशन, लाइटनेस) और HSV (ह्यू, सैचुरेशन, वैल्यू/ब्राइटनेस) रंग को उस तरह वर्णित करते हैं जो मानव धारणा के अधिक निकट है - उसी ह्यू के भीतर शेड या वेरिएशन चुनना आसान हो जाता है। CMYK (सायन, मैजेंटा, येलो, की/ब्लैक) प्रिंटिंग के लिए है, जहाँ रंग प्रकाश उत्सर्जित करने के बजाय स्याही मिलाकर बनाया जाता है।

यह टूल क्या करता है

कलर कनवर्टर एक रंग को एक साथ पाँच रूपों में दिखाता है: HEX, RGB, HSL, HSV और CMYK। हेक्स कोड टाइप करें, RGB मान डालें, स्लाइडर खिसकाएँ या CSS के 148 नामित रंगों में से कोई चुनें, और सभी फ़ॉर्मेट तुरंत अपडेट हो जाते हैं।

हर पंक्ति का अपना कॉपी बटन है और वह CSS के लिए तैयार सिंटैक्स में लिखी होती है, जैसे rgb(59, 130, 246) या hsl(217, 91%, 60%)। कन्वर्ज़न पूरी तरह आपके ब्राउज़र में होता है।

कब इस्तेमाल करें

  • डिज़ाइन फ़ाइल में HEX में दिए ब्रांड रंग को ऐसे CSS, Android या iOS कोड में ले जाना जो RGB या HSL चाहता है।
  • HSL में केवल लाइटनेस बदलकर उसी रंग का हल्का या गहरा शेड बनाना।
  • कलर कंट्रास्ट चेकर से जाँचना कि किसी रंग पर लिखा टेक्स्ट पढ़ने योग्य रहता है।
  • डिज़ाइन सिस्टम के लिए रंग पैलेट बनाना और हर रंग को उन सभी रूपों में दर्ज करना जिनकी डेवलपर को ज़रूरत पड़ सकती है।

उदाहरण

#3B82F6

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · cmyk(76%, 47%, 0%, 4%)

#FF6347 (tomato)

rgb(255, 99, 71) · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · cmyk(0%, 61%, 72%, 0%)

इस टूल के बारे में सवाल

CMYK प्रिंट रंगों का केवल अनुमान क्यों देता है?

स्क्रीन रोशनी मिलाती है और प्रिंटर स्याही, और हर प्रिंटर व कागज़ अलग व्यवहार करता है। CMYK मान एक गणितीय रूपांतरण हैं, इसलिए जब सटीक रंग ज़रूरी हो तो प्रिंट शॉप से प्रोफ़ाइल आधारित मान माँगें।

HSL और HSV में क्या अंतर है?

दोनों ह्यू और सैचुरेशन से शुरू होते हैं। HSL लाइटनेस इस्तेमाल करता है, जहाँ 100% हमेशा सफ़ेद होता है, जबकि HSV वैल्यू या ब्राइटनेस इस्तेमाल करता है, जहाँ 100% रंग का सबसे चटक रूप होता है। डिज़ाइन टूल अक्सर HSV इस्तेमाल करते हैं; CSS, HSL इस्तेमाल करता है।

क्या पारदर्शिता समर्थित है?

यहाँ इन पाँच फ़ॉर्मेट में अपारदर्शिता शामिल नहीं है। CSS में इसे चौथे मान के रूप में जोड़ें, जैसे rgb(59 130 246 / 50%), या दो अतिरिक्त हेक्स अंकों के रूप में, #3B82F680।

क्या यह टूल मुफ़्त है?

हाँ, यह मुफ़्त है। पंजीकरण या ईमेल की ज़रूरत नहीं। परिणाम इसी पेज पर मिलता है।

मेरा परिणाम कहाँ मिलेगा?

इसी पेज पर टूल का उपयोग करें। परिणाम यहीं दिखता है, ईमेल से प्राप्त करने की ज़रूरत नहीं है।