रंग कन्वर्टर – HEX, RGB, HSL, CMYK और अन्य

रंगों को तुरंत बदलें और देखें। पेशेवर उपयोग के लिए कई formats और उन्नत विकल्प उपलब्ध हैं।

INPUT

उन्नत विकल्प

Batch Mode चालू करें

HEX में "#" शामिल करें

RGB को प्रतिशत में दिखाएँ

Color Harmonies दिखाएँ

Gradient Preview दिखाएँ

अपारदर्शिता 100%

हमारा निःशुल्क रंग कन्वर्टर designers, developers, marketers और content creators को रंग तेज़ी और सटीकता से बदलने में मदद करता है। चाहे आप HEX, RGB, HSL या CMYK के साथ काम कर रहे हों, यह टूल तुरंत visual previews और सही conversions देता है। बड़े projects के लिए batch mode सहित कई input formats समर्थित हैं, जिससे color palettes, web design, print materials और digital graphics पर काम करना आसान होता है। यह टूल contrast checking से accessibility भी सुनिश्चित करता है और रचनात्मक मार्गदर्शन के लिए color harmonies तैयार करता है।

रंग कन्वर्टर का उपयोग करके आप समय बचा सकते हैं और manual calculations की त्रुटियाँ घटा सकते हैं। इसका user-friendly interface, live preview और उन्नत विकल्प इसे professional workflows के लिए उपयुक्त बनाते हैं, जबकि यह पूरी तरह निःशुल्क और browser-based है।

पेशेवरों के लिए उन्नत सुविधाएँ

कई रंगों का batch conversion
CSS snippet के साथ gradient बनाना
Alpha/opacity समर्थन
Accessibility के लिए contrast ratio की गणना
Color harmony सुझाव

रंग रूपांतरण क्यों महत्वपूर्ण है

Design, branding और digital content में सटीक रंग रूपांतरण आवश्यक है। एकसमान रंग पेशेवर graphics, सही web rendering और accessible designs सुनिश्चित करते हैं। यह टूल अनुमान और manual calculations समाप्त करता है तथा creative और marketing projects के लिए अतिरिक्त जानकारी देता है।

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

HEX, RGB, HSL और CMYK रंग कोड तुरंत बदलें। Frontend developers और designers के लिए आवश्यक टूल।

टूल HEX, RGB, RGBA, HSL, HSLA, CMYK और standard CSS color names का समर्थन करता है।

हाँ। Batch conversion में comma, space या line break से अलग किए गए कई रंग दर्ज किए जा सकते हैं।

हाँ। RGBA/HSLA formats में alpha values शामिल कर सकते हैं और alpha वाला HEX (8-digit HEX) भी export कर सकते हैं।

दो या अधिक रंग दर्ज करें। टूल gradient preview के साथ कॉपी करने के लिए तैयार CSS snippet दिखाएगा।

नहीं। सारी processing स्थानीय रूप से आपके ब्राउज़र में होती है और कोई डेटा सहेजा या भेजा नहीं जाता।

रंग कन्वर्टर का उपयोग कैसे करें

अपना रंग मान दर्ज करें
कोई भी रंग मान लिखें या पेस्ट करें—HEX (#3b82f6), RGB (59, 130, 246), HSL (217, 91%, 60%) या CMYK। टूल format को अपने आप पहचानता है।
सभी conversions तुरंत देखें
सभी समकक्ष formats real time में अपडेट होते हैं: HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK और CSS custom property। किसी भी मान को एक क्लिक में कॉपी करें।
Color picker का उपयोग करें
Color swatch पर क्लिक करें या native browser color picker से दृश्य रूप से रंग चुनें और उसके सभी format equivalents एक साथ पाएँ।
कॉपी करके अपने project में उपयोग करें
किसी भी format के copy button पर क्लिक करके उसे clipboard पर भेजें। फिर सीधे CSS, Sass, Tailwind config, Figma या print workflows में पेस्ट करें।

रूपांतरण के उदाहरण

सभी समर्थित formats में व्यक्त किया गया वही नीला रंग:

Format	मान	उपयोग
HEX	#3b82f6	CSS, HTML, Figma
RGB	rgb(59, 130, 246)	CSS, Canvas API
RGBA	rgba(59, 130, 246, 1)	Opacity के साथ CSS
HSL	hsl(217, 91%, 60%)	CSS, design tokens
CMYK	C:76 M:47 Y:0 K:4	Print / offset
HSV	217°, 76%, 96%	Image editors

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

Web और UI Design

Brand के HEX colors को CSS custom properties और Tailwind config के लिए HSL में बदलें, ताकि light और dark modes में theme एकसमान रहे।

Print और Pre-press

Screen RGB या HEX colors को print production के लिए CMYK में बदलें—इस सामान्य समस्या से बचें कि स्क्रीन पर चमकीले दिखने वाले रंग print में फीके लगते हैं।

ब्रांड दिशानिर्देश

एक ही विश्वसनीय स्रोत से सभी formats में पूरी brand palette दर्ज करें—digital के लिए HEX, print के लिए CMYK और Pantone reference।

Accessibility जाँच

Contrast checker में परीक्षण के लिए सटीक color values लें और सुनिश्चित करें कि text तथा background combinations WCAG AA या AAA आवश्यकताओं को पूरा करते हैं।

डेवलपर वर्कफ़्लो

Dynamic theming और programmatic color manipulation के लिए design-tool colors (Figma HEX) को CSS HSL variables में तुरंत बदलें।

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

सभी conversions बिना किसी server involvement के तुरंत आपके ब्राउज़र में चलते हैं।

रंग पार्सिंग

टूल आपके input को normalised RGB values (हर channel के लिए 0–255) में parse करता है, फिर प्रत्येक target format पर standard conversion formulas लागू करता है।

HEX ↔ HSL रूपांतरण

HSL (Hue, Saturation, Lightness) RGB से min/max channel खोजकर, उनके average से lightness निकालकर और फिर saturation तथा hue angle की गणना करके प्राप्त होता है।

CMYK अनुमान

CMYK की गणना RGB से इस formula द्वारा होती है: K = 1 - max(R,G,B); C = (1-R-K)/(1-K); आदि। ध्यान दें कि RGB→CMYK device-dependent है—screen CMYK केवल अनुमान है, press profile नहीं।

यह टूल किनके लिए है

फ़्रंटएंड डेवलपर

CSS formats के बीच design tokens बदलें और development के दौरान color values तुरंत सत्यापित करें।

UI/UX डिज़ाइनर

Figma या Sketch swatches को अपने design system या CSS framework के लिए आवश्यक किसी भी format में बदलें।

प्रिंट डिज़ाइनर

Artwork को press पर भेजने से पहले RGB brand colors को CMYK में बदलें और अनपेक्षित color shift से बचें।

ब्रांड प्रबंधक

Tools बदले बिना सभी formats—digital और print—में एक ही brand palette बनाए रखें।

एक्सेसिबिलिटी परीक्षक

Contrast checkers और accessibility audits में उपयोग के लिए सटीक color values निकालें।

रंगों के साथ काम करने के सुझाव

CSS custom properties में HSL उपयोग करें (--color-primary: hsl(217, 91%, 60%)), ताकि hover और disabled states के लिए calc() से lightness बदल सकें।
RGB से CMYK conversion करते समय हमेशा press proof माँगें—screen और print colors मिलाने के लिए device color profile आवश्यक है।
Screenshots या design assets से सीधे रंग sample करने के लिए browser color picker उपयोग करें—मान manually कॉपी करने की आवश्यकता नहीं।
Conversion के बाद contrast checker में रंग जाँचें, ताकि आपकी palette body text के लिए WCAG AA (4.5:1) पूरा करे।
बार-बार conversion से बचने के लिए design system documentation में अपनी brand palette सभी formats (HEX, RGB, CMYK) में रखें।

सटीक रंग रूपांतरण क्यों महत्वपूर्ण है

Design और development teams में असंगत color values प्रकाशित products में visual inconsistency के प्रमुख कारणों में से एक हैं।
RGB और CMYK के gamuts अलग होते हैं—सही conversion के बिना स्क्रीन पर चमकीले रंग print में मटमैले दिख सकते हैं।
CSS HSL, HEX की तुलना में dynamic theming (light/dark mode, tints) आसान बनाता है—लेकिन शुरुआत के लिए सटीक HEX-to-HSL conversion आवश्यक है।
Brand compliance audits में कई formats में रंग चाहिए—एक converter manual errors समाप्त करता है और घंटों का आवागमन बचाता है।

प्रदर्शन और गोपनीयता

हर रंग रूपांतरण vanilla JavaScript का उपयोग करके पूरी तरह आपके ब्राउज़र में चलता है। कोई color value, palette या usage data किसी server पर नहीं भेजा जाता। टूल हर conversion पर 10 ms से कम में प्रतिक्रिया देता है, पहली visit के बाद offline काम करता है और account या registration की आवश्यकता नहीं होती।

शैक्षिक टिप्पणी: Color Spaces का परिचय

RGB (एडिटिव)

RGB लाल, हरी और नीली रोशनी को मिलाता है। सभी channels 255 पर हों तो सफ़ेद और 0 पर हों तो काला बनता है। इसका उपयोग screens, cameras और web browsers करते हैं।

HEX (Web संक्षिप्त रूप)

HEX, base-16 में encoded RGB है। #3b82f6 = R:59, G:130, B:246। यह RGB के समान है—CSS और HTML के लिए केवल अधिक संक्षिप्त notation।

HSL (परसेप्चुअल)

HSL hue (color wheel angle 0–360°), saturation (तीव्रता) और lightness (चमक) को अलग करता है। Designers के लिए RGB की तुलना में इसे समझना आसान है।

CMYK (सब्ट्रैक्टिव)

CMYK Cyan, Magenta, Yellow और Key (काली) ink मिलाता है। यह सफ़ेद कागज़ से प्रकाश घटाता है। Screen RGB का gamut बड़ा होता है—कुछ चमकीले RGB रंग CMYK में पुनरुत्पादित नहीं किए जा सकते।

समस्या निवारण

Screen-to-CMYK conversion गणितीय अनुमान है। Professional print के लिए Adobe Illustrator या Photoshop जैसे program में calibrated ICC color profile उपयोग करें।

इसके बजाय RGBA output उपयोग करें। 8-digit HEX (#3b82f6cc) आधुनिक browsers में समर्थित है, लेकिन सभी tools में नहीं—RGBA अधिक सुरक्षित और व्यापक रूप से compatible है।

Browser color pickers sRGB gamut तक सीमित हैं। Wide-gamut colors (P3, Rec2020) निकटतम sRGB equivalent तक सीमित कर दिए जाते हैं।

Figma HSL नहीं, HSB (जिसे HSV भी कहते हैं) उपयोग करता है। टूल HSV भी देता है—सीधे मेल के लिए वह column देखें।

क्या आप जानते हैं?

HEX color notation को 1996 में HTML 3.2 specification के साथ HTML में जोड़ा गया था। उससे पहले browsers केवल 16 named colors (जैसे "red" और "blue") पहचानते थे। CSS1 के साथ web color palette 140 named colors तक बढ़ी, लेकिन HEX प्रमुख format बना रहा—और 25 से अधिक वर्षों बाद भी है।

आपके लिए आवश्यक एकमात्र रंग कन्वर्टर

चाहे आप Figma tokens को CSS में बदलने वाले developer हों, screen और print के बीच काम करने वाले designer हों या contrast ratios जाँचने वाले accessibility tester—यह निःशुल्क टूल सभी प्रमुख color formats के बीच तुरंत conversion करता है, बिना server calls और बिना डेटा संग्रहीत किए। अपना रंग दर्ज करें, आवश्यक format कॉपी करें और फिर रचना पर लौटें।