HEX रंग को RGB और HSL में कैसे बदलूँ?

रंग इनपुट में रंग टाइप या पेस्ट करें, जैसे #14b8a6, या कलर पिकर इस्तेमाल करें। टूल HEX, rgb(), hsl(), hsv() और cmyk() मान दिखाता है, साथ में oklch(), lab() और lch(), हर एक के साथ कॉपी बटन।

मैं कौन-से रंग फ़ॉर्मैट टाइप कर सकता हूँ?

3, 4, 6 या 8 अंकों वाला HEX, rgb() या rgba(), कॉमा या स्पेस सिंटैक्स में hsl() या hsla(), और सादे संख्या त्रिक। इनपुट न पहचाना जाए तो टूल पार्स त्रुटि दिखाता है।

क्या मैं पारदर्शिता वाले रंग बदल सकता हूँ?

हाँ। अपारदर्शिता कंट्रोल का उपयोग करें या इनपुट में अल्फ़ा मान दर्ज करें। तब आउटपुट में अल्फ़ा चैनल शामिल होता है, जैसे 8-अंकीय HEX, rgba(), या आधुनिक सिंटैक्स में स्लैश के बाद अल्फ़ा।

क्या CMYK मान प्रिंटिंग के लिए सटीक हैं?

नहीं, ये sRGB से CMYK का मानक अनुमान हैं, जो प्रिंट के लिए के अंतर्गत दिखते हैं। सटीक प्रिंट रंग के लिए अपने प्रिंटर का कलर प्रोफ़ाइल इस्तेमाल करें या प्रूफ़ माँगें, क्योंकि स्क्रीन के चमकीले रंग अक्सर फीके छपते हैं।

कैसे जाँचूँ कि मेरे रंग में टेक्स्ट के लिए पर्याप्त कंट्रास्ट है?

WCAG कंट्रास्ट सेक्शन देखें। यह सफ़ेद और काले पर आपके रंग का कंट्रास्ट अनुपात दिखाता है, जिसे AAA, AA, AA बड़ा या विफल ग्रेड मिलता है। चमक पैमाना आज़माने के लिए हल्के या गहरे शेड सुझाता है।

क्या यह सच में मुफ़्त है?

हाँ। हर टूल मुफ़्त है, बिना किसी खाते या क्रेडिट कार्ड के। काम हमारे सर्वर के बजाय आपके डिवाइस पर होता है, जिससे इसे चलाना मुफ़्त रहता है।

क्या यह मोबाइल पर काम करता है?

हाँ। यह iOS और Android के मौजूदा मोबाइल ब्राउज़र में चलता है, कुछ इंस्टॉल करने की ज़रूरत नहीं।

🎨

मुफ़्त रंग परिवर्तक

HEX, RGB, HSL, HSV, और CMYK स्वरूपों के बीच रंगों को तुरंत परिवर्तित करें। इसमें लाइटनेस स्केल और प्रीसेट नमूने शामिल हैं।

आपके ब्राउज़र में चलता हैकोई साइन-अप नहीं, कोई पॉप-अप नहींकोई लॉगिन आवश्यक नहींहमेशा के लिए मुफ़्त

लोड होने के बाद ऑफ़लाइन काम करता है

किसी रंग को HEX, RGB, HSL, HSV और CMYK के बीच परिवर्तित करें — लाइव प्रिव्यू और वन-टैप कॉपी के साथ। सबकुछ आपके ब्राउज़र में चलता है।

रंग इनपुट

स्वीकार्य: HEX (#fff या #ffffff), RGB (255, 255, 255) या HSL (360, 100%, 50%)

अस्पष्टता100%

प्रीसेट:

HEX#14B8A6

rgb() · पुरानीrgb(20, 184, 166)

rgb() · आधुनिकrgb(20 184 166)

hsl() · पुरानीhsl(173, 80%, 40%)

hsl() · आधुनिकhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB मान20, 184, 166

WCAG विपरीतता

सफेद पृष्ठभूमि पर

2.49:1

असफल

काली पृष्ठभूमि पर

8.44:1

AAA

🖨️ प्रिंट के लिए: ये CMYK मान (89%, 0%, 10%, 28%) संदर्भ के लिए एक मानक sRGB→CMYK अनुमान है। सटीक प्रिंट रंग के लिए, अपने प्रिंटर का ICC प्रोफ़ाइल या प्रिंटेड प्रूफ़ का उपयोग करें — स्क्रीन CMYK हर इंक/पेपर से मेल नहीं खा सकता।

चमक स्केल

उस शेड पर स्विच करने के लिए किसी भी स्वॉच पर क्लिक करें

सामान्य उपयोग

वेब डिजाइन के लिए रंग बदलेंकिसी भी रंग के लिए HEX, RGB और HSL मान प्राप्त करें — CSS या Tailwind में पेस्ट करने के लिए तैयार।
प्रिंट के लिए रंग बदलें (CMYK)प्रिंट डिजाइन और व्यावसायिक प्रिंटिंग में उपयोग के लिए स्क्रीन रंग (HEX/RGB) को CMYK मान में बदलें।
डिजाइन सिस्टम के लिए रंग पैलेट बनाएंब्रांड रंगों को सभी प्रारूपों में बदलें और पूर्ण डिजाइन सिस्टम के लिए सुसंगत हल्कापन स्केल जेनरेट करें।
पहुंच के लिए रंग विपरीतता जांचेंविपरीतता अनुपात उपकरणों में उपयोग के लिए RGB मान प्राप्त करने के लिए रंग कन्वर्ट करें — सुलभ डिजाइन के लिए WCAG अनुपालन।
Figma के लिए रंगों को कन्वर्ट करेंFigma रंग पिकर और डिजाइन टोकन सिस्टम में पेस्ट करने के लिए सटीक HEX और RGB मान प्राप्त करें।

यह कैसे काम करता है

सारा कन्वर्ज़न लॉजिक हाथ से लिखा JavaScript है जो पूरी तरह आपके ब्राउज़र में चलता है — कोई लाइब्रेरी नहीं, कोई सर्वर कॉल नहीं। टूल आपके इनपुट को पार्स करता है, इसे शुद्ध गणित फ़ंक्शनों की एक चेन से गुज़ारता है, और आधुनिक CSS Color 4 स्पेस oklch() और lab() सहित एक साथ ग्यारह आउटपुट फ़ॉर्मेट बनाता है।

1
लचीली इनपुट पार्सिंग
एक कस्टम पार्सर हेक्स (3, 4, 6, या 8 अंक), rgb()/rgba(), दोनों legacy कॉमा सिंटैक्स और आधुनिक स्पेस सिंटैक्स में hsl()/hsla(), और नंगे न्यूमेरिक triples स्वीकार करता है। दशमलव या प्रतिशत के रूप में अल्फ़ा वैल्यू किसी भी कन्वर्ज़न शुरू होने से पहले 0–1 रेंज में नॉर्मलाइज़ की जाती हैं।
2
RGB कन्वर्ज़न हब के रूप में
हर स्वीकृत फ़ॉर्मेट पहले एक कैनोनिकल RGB triplet में हल किया जाता है। उस एक प्रतिनिधित्व से टूल फैलता है: HSL और HSV स्टैंडर्ड min/max/chroma फ़ॉर्मूले उपयोग करते हैं; CMYK की-चैनल खोजकर निकाला जाता है; और sRGB लीनियराइज़ेशन (IEC 61966-2-1 में परिभाषित पीसवाइज़ गामा कर्व) पर्सेप्चुअल-स्पेस गणनाओं से पहले लागू किया जाता है।
3
अपने आप से गणना किए गए पर्सेप्चुअल कलर स्पेस
oklch() Björn Ottosson के रेफ़रेंस 3×3 मैट्रिक्स (LMS cube-root स्पेस) का उपयोग करके गणना किया जाता है। lab() और lch() D65 व्हाइट पॉइंट से D50 में बदलने के लिए Bradford क्रोमैटिक एडाप्टेशन उपयोग करते हैं, जो CSS Color 4 के lab() को परिभाषित करने के तरीक़े से मेल खाता है। ये वही फ़ॉर्मूले हैं जो ब्राउज़र रेंडरिंग इंजनों में उपयोग होते हैं — यहाँ बिना किसी बाहरी डिपेंडेंसी के लागू किए गए।
4
WCAG कंट्रास्ट और लाइटनेस स्केल
रिलेटिव ल्यूमिनेंस WCAG 2.1 फ़ॉर्मूले (लीनियराइज़्ड R, G, B, 0.2126/0.7152/0.0722 वेट किए) के अनुसार गणना की जाती है और सफ़ेद और काले के मुक़ाबले कंट्रास्ट रेश्यो को AA-large, AA, AAA, या Fail में दर्जा दिया जाता है। HSL लाइटनेस चैनल को 10% से 90% तक चलाकर एक नौ-चरण लाइटनेस स्ट्रिप बनाई जाती है, जो आपको उस शेड को कन्वर्ट करने के लिए किसी भी स्वैच पर क्लिक करने देती है।

मुफ़्त रंग परिवर्तक

सामान्य उपयोग

यह कैसे काम करता है

संबंधित टूल

रंग पिकर और पैलेट जेनरेटर

रैंडम रंग जनरेटर

रंग पैलेट जेनरेटर

अक्सर पूछे जाने वाले प्रश्न