मुफ्त HEX से RGB कन्वर्टर - कलर कोड कन्वर्टर और पिकर टूल

HEX को RGB में बदलना

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

रूपांतरण कैसे काम करता है

6 अंकों का HEX कोड लाल, हरे और नीले के लिए 00 से FF (दशमलव में 0 से 255) तक के तीन 2-अंकों के जोड़ों में बंट जाता है। 3 अंकों के छोटे रूप में हर अंक पहले दोहराया जाता है, इसलिए #FA1 पहले #FFAA11 बनता है, फिर वही विभाजन लागू होता है। इस RGB समूह से HSL निकाला जाता है: सबसे चमकीले और सबसे गहरे चैनल का औसत लाइटनेस देता है, दोनों का अंतर सैचुरेशन देता है, और चैनलों का क्रम ह्यू तय करता है। CMYK संदर्भ के लिए निकाला जाता है, तीनों चैनलों में सबसे बड़े से K निकालकर सायन, मैजेंटा और पीले को उसके अनुसार समायोजित किया जाता है। अनुभूत चमक ITU-R BT.601 भार का उपयोग करती है, R गुणा 299 प्लस G गुणा 587 प्लस B गुणा 114, को 1000 से विभाजित किया जाता है; 128 से ऊपर का परिणाम हल्का और उससे नीचे गहरा अंकित होता है, यही मान कंट्रास्ट प्रीव्यू में टेक्स्ट के रंग को भी तय करता है। यही इनपुट बॉक्स HEX की जगह सीधे लिखे गए rgb(r, g, b) टेक्स्ट को भी पहचानता है, और रंग चयनकर्ता से हर चुनाव पर HEX बॉक्स भी अपने आप अपडेट होता है। अगर कोड को समझा नहीं जा सकता, तो टूल रंग का अंदाजा लगाने के बजाय इनपुट फील्ड के ठीक नीचे एक एरर मैसेज दिखाता है। हर बदले गए मान का अपना कॉपी बटन होता है जो क्लिक करने पर थोड़ी देर के लिए चेकमार्क में बदल जाता है, ताकि आप बाकी को छेड़े बिना सिर्फ RGB, CMYK या CSS पंक्ति कॉपी कर सकें।

उदाहरण गणना

#FF9F1C को लेते हैं। जोड़े बताते हैं R=255, G=159, B=28, यानी RGB(255, 159, 28)। सबसे चमकीले और सबसे गहरे चैनल का औसत 55% लाइटनेस देता है, दोनों का अंतर 100% सैचुरेशन देता है, और ह्यू 35 डिग्री पर आता है, मिलाकर HSL(35, 100%, 55%)। वही RGB मान CMYK फॉर्मूले में cmyk(0%, 38%, 89%, 0%) देते हैं। 8 अंकों का रूप #FF9F1CFF है, और CSS पंक्ति color: #FF9F1C; है। चमक 255 में से 173 आती है, जो 128 की सीमा से ऊपर है, इसलिए टूल इस रंग को हल्का अंकित करता है और कंट्रास्ट प्रीव्यू में काले टेक्स्ट पर स्विच करता है।

आउटपुट उदाहरण

Input:  #FF9F1C

Output: {
  "rgb":  "rgb(255, 159, 28)",
  "hsl":  "hsl(35, 100%, 55%)",
  "cmyk": "cmyk(0%, 38%, 89%, 0%)",
  "hex8": "#FF9F1CFF",
  "css":  "color: #FF9F1C;"
}