रंग कनवर्टर
HEX, RGB, HSL, HSV और CMYK के बीच रंग बदलें
टाइप या चुनते ही पाँचों रूप लाइव अपडेट होते हैं।
रंग स्थान और उनके छोटे-छोटे विवरण
एक चिपकाने से सभी प्रारूप
"indigo", "#4f46e5", rgb(79,70,229) या hsl(245,58%,59%) चिपकाएँ और तुरंत पाँचों रूप पाएँ — हर मोड में रंग फिर से नहीं टाइप करना।
चयनकर्ता सहित लाइव स्वैच
टाइप करते या नेटिव रंग चयनकर्ता खींचते ही प्रीव्यू अपडेट होता है, इसलिए जो आप बदल रहे हैं वह बिल्कुल दिख रहे स्वैच के समान है।
एक क्लिक में कॉपी
हर प्रारूप पंक्ति का अपना कॉपी बटन है, और सब कुछ आपके ब्राउज़र में ऑफ़लाइन काम करता है — पैलेट सूचीबद्ध करने में कभी अपलोड नहीं।
रंग कनवर्टर क्या है?
रंग कनवर्टर विभिन्न टूलों द्वारा बोले जाने वाले प्रारूपों के बीच एक रंग का अनुवाद करता है। डिज़ाइन सॉफ़्टवेयर HEX या CMYK निर्यात करता है, एक फ्रंटएंड इंजीनियर को CSS के लिए rgb() या hsl() चाहिए, और एक डेटा टूल hsv() चाह सकता है। पाँच बार रंग चयनकर्ता खोलने के बजाय जो मान आपके पास है उसे चिपकाएँ और बाकी सब तुरंत देखें: "#4f46e5" → rgb(79, 70, 229) → hsl(245, 58%, 59%)।
यह क्या कर सकता है
- hex (#fff, #ffffff, #rrggbbaa) और rgba() इनपुट पार्स करता है
- हर इनपुट के लिए rgb / hsl / hsv / cmyk समतुल्य की गणना करता है
- टाइप या चुनते ही अपडेट होने वाला लाइव प्रीव्यू स्वैच
- जहाँ मौजूद हो अल्फा संरक्षित करता है (8-अंकीय hex, rgba)
- प्रत्येक प्रारूप को अपने बटन से कॉपी करता है
- दृश्य चयन के लिए नेटिव रंग चयनकर्ता
कब उपयोग करें
- डिज़ाइन टूल के ब्रांड रंग को CSS वेरिएबल में ले जाना
- मुद्रण CMYK मान को वेब-सुरक्षित hex में बदलना
- CSS ग्रेडिएंट और डार्क-मोड पैलेट के लिए hsl मान पाना
- यह जाँचना कि किसी अन्य कनवर्टर ने रंग कैसे गोल किया
गोपनीयता: परिवर्तन पूरी तरह आपके ब्राउज़र में होता है — आपके द्वारा दर्ज किया गया कुछ भी कभी अपलोड नहीं होता।
HEX, RGB, HSL और वास्तविक कंट्रास्ट का अर्थ
- HEX और RGB एक ही sRGB मान हैं, बस अलग-अलग रूपांतरण में — इनके बीच परिवर्तन केवल गणितीय है, कभी भी रंग-परिवर्तन नहीं होता।
- HSL एक बेलन पर समान गैमट को लपेटता है: रंग-घटक (ह्यू) घूमता है, संतृप्ति (सैचुरेशन) त्रिज्या के अनुदिश फैलती है, और प्रकाशता (लाइटनेस) ऊपर की ओर बढ़ती है। HSL में समान कदमों का दृश्य अंतर समान नहीं होता — ऐसे धारणात्मक (पर्सेप्चुअल) रंग स्थान, जैसे OKLCH, इसी उद्देश्य से विकसित किए गए हैं।
- WCAG कंट्रास्ट की गणना गामा विस्तार के बाद सापेक्ष चमक (रिलेटिव ल्यूमिनेंस) से की जाती है, कच्चे RGB औसत से नहीं; नीचे दिया गया चेकर आधिकारिक WCAG 2.1 सूत्र का उपयोग करता है।
अक्सर पूछे जाने वाले प्रश्न
कौन-से प्रारूप समर्थित हैं?⌄
Hex (3, 4, 6 या 8 अंक — 8 अल्फा जोड़ता है), rgb()/rgba(), hsl()/hsla(), hsv()/hsb() और cmyk()। चाहे #FFF, rgb(255 0 0) या hsl(0, 100%, 50%) टाइप करें, इनपुट स्वतः सामान्य होता है।
क्या परिवर्तन सटीक हैं?⌄
वे मानक CSS सूत्रों से मेल खाते हैं (चैनल पूर्णांकों में गोल)। HSL/HSV रंग-छटा दशमलव सटीकता पर संरक्षित है; CMYK सामान्य परिवर्तन से गणना की जाती है जो एक दशमलव प्रतिशत तक गोल होती है।
क्या मेरा रंग कहीं भेजा जाता है?⌄
नहीं। सब कुछ आपके ब्राउज़र में शुद्ध JavaScript से चलता है — कुछ भी प्रसारित या संग्रहीत नहीं होता।