कलर पिकर और कन्वर्टर
एक रंग चुनें और उसे HEX, RGB, HSL और OKLCH में बदलें।
⚠ This OKLCH value falls outside the sRGB gamut and was clamped.
Pick a color from an image
WCAG contrast
Color schemes & harmonies
Tints & shades
Color blindness simulation
Runs entirely in your browser. Nothing is uploaded.
एक मुफ्त कलर कन्वर्टर और पिकर जो पूरी तरह आपके ब्राउज़र में चलता है
यह मुफ्त कलर कन्वर्टर किसी भी रंग को तुरंत सभी जरूरी फॉर्मेट में बदल देता है। एक hex कोड पेस्ट करें, RGB वैल्यू टाइप करें, कलर व्हील को खींचें या आईड्रॉपर से पिक्सल सैंपल लें — और HEX, RGB, HSL, HSV, CMYK और OKLCH में एक साथ रिजल्ट देखें। हर फील्ड एडिटेबल और द्विदिशात्मक है: एक फॉर्मेट बदलें और बाकी सभी लाइव अपडेट हो जाते हैं — बिना पेज रीलोड, बिना सर्वर रिक्वेस्ट और बिना देरी के।
ColorHexa.com, RapidTables, convertingcolors.com और cssgradient.io जैसी साइटें इसके अलग-अलग हिस्से कवर करती हैं: ColorHexa प्रति URL विस्तृत ब्रेकडाउन दिखाती है, RapidTables अलग-अलग पेजों पर सिंगल-फॉर्मेट कन्वर्टर प्रदान करती है, convertingcolors CIELab और XYZ जैसे विशेष कलर स्पेस सपोर्ट करती है, और cssgradient CSS ग्रेडिएंट जनरेशन के लिए बनाई गई है। यह टूल रोजमर्रा के उपयोग के मामलों — फॉर्मेट कन्वर्जन, विजुअल पिकिंग, एक्सेसिबिलिटी चेकिंग और पैलेट जनरेशन — को एक लाइव इंटरफेस में जोड़ता है जहां आप एक बार रंग डालते हैं और सब एक साथ देखते हैं। कुछ भी अपलोड नहीं होता; सारी प्रोसेसिंग लोकल है।
HEX, RGB, HSL, HSV, CMYK और OKLCH कन्वर्ट करें — द्विदिशात्मक और तुरंत
हर फील्ड एडिटेबल है और सिंक में रहती है। एक hex कोड पेस्ट करें और RGB, HSL, HSV, CMYK और OKLCH वैल्यूज़ तुरंत अपडेट हो जाती हैं। कोई भी एक बदलें और बाकी तुरंत फॉलो करते हैं। यह इसे एक साथ एक तेज hex से RGB कन्वर्टर, एक RGB से hex टूल, एक RGB से CMYK कन्वर्टर और एक HSL/HSV/OKLCH कन्वर्टर एक ही व्यू में बनाता है — आदर्श जब डिजाइन फाइल एक फॉर्मेट देती है लेकिन आपकी स्टाइलशीट, प्रिंट जॉब या डिजाइन सिस्टम को दूसरे की जरूरत है।
सभी आउटपुट वैलिड HTML और CSS वैल्यूज़ हैं — #hex, rgb(…), hsl(…), hsv(…), cmyk(…) और oklch(…) — हर एक के साथ वन-क्लिक कॉपी बटन। टूल सबसे नजदीकी नेम्ड CSS कलर भी पहचानता है, ताकि आप किसी शेड को तुरंत वर्णित कर सकें या यह कन्फर्म कर सकें कि कस्टम hex किसी स्टैंडर्ड कीवर्ड से मेल खाता है या नहीं।
इमेज से रंग पिक करें — या सीधे अपनी स्क्रीन से
किसी फोटो, लोगो, स्क्रीनशॉट या मॉकअप से एक्जैक्ट कलर चाहिए? इमेज कलर पिकर उपयोग करें: फाइल अपलोड करें, ड्रैग और ड्रॉप करें, या क्लिपबोर्ड से पेस्ट करें (Ctrl+V / Cmd+V), फिर इमेज पर मूव करें और किसी भी पिक्सल को पकड़ने के लिए क्लिक करें। एक बिल्ट-इन मैग्नीफायर लूप पिक्सल-परफेक्ट पिकिंग के लिए जूम इन करती है, और हर क्लिक किया गया रंग 'इमेज से पिक किए गए' स्ट्रिप में सेव होता है ताकि आप पिछली पिक्स खोए बिना एक ही इमेज से पैलेट बना सकें। इमेज HTML कैनवास का उपयोग करके लोकली प्रोसेस होती है और आपके डिवाइस से कभी नहीं जाती — Firefox और Safari सहित हर ब्राउज़र में काम करता है।
अपनी स्क्रीन पर कहीं और से रंग लेना पसंद करते हैं? आईड्रॉपर Chrome 95+ और Edge 95+ में नेटिव EyeDropper API के जरिए आपके डिस्प्ले पर कोई भी पिक्सल सैंपल करता है — क्लिक करें, स्क्रीन पर किसी भी पिक्सल की ओर इशारा करें और वह रंग तुरंत सभी फील्ड में लोड हो जाता है। रीसेंट कलर्स स्ट्रिप और इंटरएक्टिव कलर व्हील पिकिंग विकल्पों को पूरा करते हैं, बिना कुछ इंस्टॉल किए।
कलर स्कीम, हार्मनी, टिंट्स और शेड्स
एक रंग को पूरी पैलेट में बदलें। टूल कलर-व्हील हार्मनी पर आधारित छह मेल खाती कलर स्कीम जनरेट करता है: कॉम्प्लीमेंटरी, एनालॉगस, ट्रायडिक, टेट्रायडिक, स्प्लिट-कॉम्प्लीमेंटरी और मोनोक्रोमैटिक। किसी भी स्वॉच पर क्लिक करें उसे नया बेस कलर बनाने के लिए और एक्सप्लोर करते रहें, इसलिए टूल कोहेसिव, ब्रांड-अलाइन्ड कॉम्बिनेशन बनाने के लिए एक तेज कलर पैलेट जनरेटर के रूप में काम करता है।
टिंट और शेड स्केल आपके बेस कलर से हल्के और गहरे स्टेप्स की एक रेंज पैदा करता है — होवर स्टेट, एक्टिव स्टेट, डिसेबल्ड स्टेट, बॉर्डर और बैकग्राउंड फिल के लिए उपयोगी। किसी भी स्टेप पर क्लिक करने से वह एक्टिव कलर बन जाता है और उसका पूरा फॉर्मेट ब्रेकडाउन दिखाता है। पैलेट जनरेशन और टिंट/शेड स्केल दोनों बिना सर्वर रिक्वेस्ट के हर कलर चेंज पर तुरंत अपडेट होते हैं।
WCAG कंट्रास्ट चेकिंग और कलर ब्लाइंडनेस सिमुलेशन
एक्सेसिबिलिटी हर कलर चॉइस में बिल्ट-इन है। WCAG कंट्रास्ट चेकर सफेद और काले के खिलाफ आपके रंग का ल्यूमिनेंस-बेस्ड कंट्रास्ट रेशियो कैलकुलेट करता है, फिर नॉर्मल टेक्स्ट, लार्ज टेक्स्ट और UI कॉम्पोनेंट के लिए AA और AAA पास/फेल बैज दिखाता है — WCAG 2.1 के तीन लेवल जो यह तय करते हैं कि फोरग्राउंड/बैकग्राउंड पेयर एक्सेसिबिलिटी स्टैंडर्ड पूरे करता है या नहीं। यह लाइव अपडेट होता है जैसे आप रंग एडजस्ट करते हैं।
कलर ब्लाइंडनेस सिम्युलेटर आपके रंग को प्रोटैनोपिया, ड्यूटेरैनोपिया, ट्राइटैनोपिया और अक्रोमेटोप्सिया वाले लोगों के नजरिए से प्रीव्यू करता है — स्टैंडर्ड Brettel/Viénot सिमुलेशन एल्गोरिदम का उपयोग करके कैलकुलेट किया गया और लाइव अपडेट किया गया। कंट्रास्ट चेकिंग और ब्लाइंडनेस सिमुलेशन मिलकर यह सुनिश्चित करने में मदद करते हैं कि आपके डिजाइन चॉइस हर दर्शक के लिए सार्थक और अलग-अलग पहचानने योग्य रहें।
OKLCH को समझें — CSS रंग का भविष्य
OKLCH एक परसेप्चुअली यूनिफॉर्म कलर स्पेस है जो CSS Color Level 4 स्पेसिफिकेशन के जरिए मुख्यधारा CSS में आया है। यह रंगों को लाइटनेस (L), क्रोमा (C) और ह्यू (H) के रूप में दर्शाता है, जहां लाइटनेस लीनियर लाइट एनर्जी की बजाय मानव धारणा के लिए कैलिब्रेट की गई है। इसका मतलब है कि एक ही L वैल्यू वाले दो रंग मानव आंख को उनके ह्यू की परवाह किए बिना समान रूप से हल्के लगेंगे — जो HSL या RGB में सत्य नहीं है।
OKLCH sRGB से बड़ी गेमट भी डिस्क्राइब करता है — यह Display P3 और Rec.2020 रंगों को दर्शा सकता है जो अधिकांश hex, RGB और HSL वैल्यूज द्वारा उपयोग किए जाने वाले sRGB ट्राएंगल से परे हैं। आधुनिक ब्राउज़र (Chrome, Safari, Firefox) अब नेटिव रूप से oklch() CSS फंक्शन सपोर्ट करते हैं। यह टूल गेमट वॉर्निंग दिखाता है जब OKLCH वैल्यू sRGB रेंज से बाहर हो और पुराने ब्राउज़र द्वारा क्लैंप की जाएगी।
Google कलर पिकर, Adobe Color और ऑनलाइन टूल्स का मुफ्त विकल्प
अधिकांश कलर पिकर किसी बड़ी चीज़ के अंदर दबे होते हैं। Google कलर पिकर केवल विशिष्ट खोज क्वेरी के लिए खोज परिणामों में दिखाई देता है और बुकमार्क या स्टैंडअलोन उपयोग नहीं किया जा सकता। Adobe कलर पिकर Photoshop, Illustrator या Adobe Color (color.adobe.com) के अंदर रहता है, जिसके लिए Adobe अकाउंट चाहिए और Adobe के सर्वर से डेटा सिंक होता है। ColorHexa और RapidTables इंटरएक्टिव टूल्स की बजाय रेफरेंस साइट हैं।
यह एक स्टैंडअलोन, मुफ्त कलर पिकर और कन्वर्टर है जो एक क्लिक में खुलता है, किसी भी डिवाइस पर काम करता है, कभी साइन इन नहीं मांगता और पूरी तरह आपके ब्राउज़र में चलता है। चाहे आप एक डेवलपर हों जो ब्रांड hex मिला रहे हों, एक डिजाइनर जो HSL पैलेट फाइन-ट्यून कर रहे हों, एक प्रिंट प्रोफेशनल जो CMYK अप्रॉक्सीमेशन चेक कर रहे हों, या एक एक्सेसिबिलिटी इंजीनियर जो WCAG कंट्रास्ट रेशियो वेरिफाई कर रहे हों — यह टूल एक तेज, प्राइवेट पेज पर पूरा काम करता है।
Frequently asked questions
क्या यह कलर कन्वर्टर मुफ्त है?
हां — बिल्कुल मुफ्त, बिना साइन-अप, बिना अकाउंट और बिना उपयोग सीमा के। यह पूरी तरह आपके ब्राउज़र में चलता है इसलिए आपके द्वारा पिक, पेस्ट या सैंपल किए गए रंग कभी आपके डिवाइस से नहीं जाते। कुछ इंस्टॉल नहीं करना है और कोई सब्सक्रिप्शन नहीं चाहिए। हर फीचर — कन्वर्जन, आईड्रॉपर, इमेज पिकर, WCAG कंट्रास्ट चेकिंग, टिंट्स और शेड्स, कलर ब्लाइंडनेस सिमुलेशन और कलर स्कीम जनरेशन — पहली विजिट से ही मुफ्त उपलब्ध है।
HEX कोड को RGB में कैसे कन्वर्ट करें?
HEX फील्ड में अपना hex कोड (# के साथ या बिना) पेस्ट करें और RGB, HSL, HSV, CMYK और OKLCH वैल्यूज़ तुरंत अपडेट हो जाती हैं। उदाहरण के लिए, #3b82f6 पेस्ट करें और आप तुरंत RGB फील्ड में rgb(59, 130, 246) और HSL फील्ड में hsl(217, 91%, 60%) देखेंगे। कन्वर्जन द्विदिशात्मक है: RGB वैल्यू टाइप करें और HEX और बाकी सभी फील्ड उसी तरह अपडेट होती हैं।
यह टूल कौन से कलर फॉर्मेट कन्वर्ट कर सकता है?
टूल छह फॉर्मेट के बीच दो तरफा कन्वर्जन करता है: HEX (HTML और CSS में उपयोग किया जाने वाला #rrggbb कोड), RGB (रेड-ग्रीन-ब्लू वैल्यूज़ 0–255), HSL (ह्यू 0–360°, सैचुरेशन और लाइटनेस प्रतिशत में), HSV/HSB (ह्यू-सैचुरेशन-वैल्यू, अधिकांश डिजाइन ऐप कलर पिकर में उपयोग किया जाने वाला मॉडल), CMYK (प्रिंट प्रीव्यू के लिए सायन-मैजेंटा-येलो-ब्लैक प्रतिशत) और OKLCH (एक आधुनिक परसेप्चुअली यूनिफॉर्म कलर स्पेस)।
क्या मैं किसी इमेज या फोटो से रंग पिक कर सकता हूं?
हां — यह एक पूर्ण इमेज कलर पिकर है। एक फोटो अपलोड करें, ड्रैग और ड्रॉप करें या क्लिपबोर्ड से पेस्ट करें (Ctrl+V / Cmd+V), फिर इमेज पर कर्सर ले जाएं और किसी भी पिक्सल का एक्जैक्ट कलर पकड़ने के लिए क्लिक करें। एक मैग्नीफायर लूप पिक्सल-परफेक्ट पिकिंग के लिए जूम करती है। इमेज HTML कैनवास उपयोग करके लोकली प्रोसेस होती है और कभी किसी सर्वर पर अपलोड नहीं होती।
क्या यह एक्सेसिबिलिटी के लिए कंट्रास्ट चेक करता है (WCAG)?
हां। WCAG कंट्रास्ट चेकर आपके चुने हुए रंग और सफेद व काले बैकग्राउंड के बीच ल्यूमिनेंस-बेस्ड कंट्रास्ट रेशियो कैलकुलेट करता है, और नॉर्मल टेक्स्ट, लार्ज टेक्स्ट और UI कॉम्पोनेंट के लिए AA और AAA पास/फेल बैज दिखाता है। WCAG AA के लिए नॉर्मल टेक्स्ट हेतु 4.5:1 रेशियो चाहिए (लार्ज टेक्स्ट के लिए 3:1); WCAG AAA के लिए 7:1 चाहिए (लार्ज टेक्स्ट के लिए 4.5:1)।
OKLCH क्या है और इसे क्यों उपयोग करें?
OKLCH एक आधुनिक, परसेप्चुअली यूनिफॉर्म कलर स्पेस है जो CSS Color Level 4 में पेश किया गया है। RGB या HSL के विपरीत जहां बराबर न्यूमेरिकल बदलाव मानव आंख को बराबर माने जाने वाले अंतर नहीं बनाते, OKLCH इस तरह कैलिब्रेट है कि लाइटनेस वैल्यू (L) को एक निश्चित मात्रा से बढ़ाना या घटाना ह्यू की परवाह किए बिना एक विजुअली कंसिस्टेंट रिजल्ट देता है। यह एक्सेसिबल, बैलेंस्ड कलर पैलेट बनाने के लिए आदर्श है। OKLCH वाइड-गेमट रंग (Display P3) भी दर्शा सकता है और आधुनिक ब्राउज़र में नेटिव सपोर्ट है।
क्या कलर पिकर iPhone और Android पर काम करता है?
हां। पूरा टूल किसी भी आधुनिक मोबाइल ब्राउज़र में चलता है — iPhone/iPad पर Safari और Android पर Chrome। कलर व्हील, फॉर्मेट इनपुट फील्ड, इमेज कलर पिकर, WCAG कंट्रास्ट चेकर, टिंट/शेड स्केल और कलर स्कीम जनरेटर मोबाइल पर सामान्य रूप से काम करते हैं। स्क्रीन आईड्रॉपर मोबाइल ब्राउज़र पर उपलब्ध नहीं है (यह डेस्कटॉप Chrome/Edge API है), लेकिन इमेज पिकर और क्लिपबोर्ड पेस्ट मोबाइल पर पूरी तरह काम करते हैं।
Related tools
सभी टूल्स देखें
नया Glassmorphism जेनरेटर
frosted-glass कार्ड डिज़ाइन करें और CSS कॉपी करें — लाइव प्रीव्यू के साथ।
नया CSS Text-Shadow जेनरेटर
लाइव प्रीव्यू के साथ CSS text shadow ट्यून करें और कोड कॉपी करें।
नया कलर मिक्सर
दो रंगों को किसी भी अनुपात में मिलाएँ और परिणाम या कोई भी चरण कॉपी करें।
नया इमेज कलर पिकर
इमेज से कोई भी रंग चुनें और उसका प्रमुख पैलेट HEX, RGB और HSL में निकालें।
नया Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
नया Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.