कलर कनवर्टर: हेक्स को RGB, HSL और अधिक में बदलें ऑनलाइन मुफ़्त में

एक रंग, कई भाषाएं

डिज़ाइन उपकरण HEX निर्यात करते हैं, डेवलपर्स RGB लिखते हैं, प्रिंटर CMYK की अपेक्षा करते हैं और डिज़ाइनर HSL में सोचते हैं। रंग प्रारूपों के बीच रूपांतरण एक रंग को हर कार्यप्रवाह में सुसंगत रखता है।

वही रंग जिस तरह हर उपकरण बोलता है उसी रूप में लिखा गया।

ChooseTools आपके ब्राउज़र में रंगों को लाइव पूर्वावलोकन के साथ स्थानीय रूप से रूपांतरित करता है।

कनवर्टर के बिना, टीमें मैन्युअल रूप से मानों की पुनर्गणना करने में समय बर्बाद करती हैं, जिससे पूर्णांकन त्रुटियां और दृश्य बेमेल उत्पन्न होते हैं जो उत्पादन में दिखाई देते हैं।

किसी रंग को कैसे बदलें

पिकर से हर प्रारूप तक एक साथ।

HEX, RGB, HSL या नामित CSS रंग में एक रंग मान दर्ज करें, और अन्य सभी निरूपण एक दृश्य स्वैच के साथ अद्यतन हो जाते हैं।

रूपांतरण स्थानीय और तात्कालिक है।

आप अपने क्लिपबोर्ड से सीधे एक मान भी पेस्ट कर सकते हैं, चाहे वह डिज़ाइन टोकन फ़ाइल, स्टाइल गाइड या ब्राउज़र इंस्पेक्टर से आए।

प्रयोग में HEX, RGB और HSL की व्याख्या

HEX स्टाइलशीट के लिए लाल, हरे और नीले को छह अंकों में संक्षिप्त करता है।

RGB स्क्रिप्ट और API के लिए उपयुक्त है; HSL समायोजन के लिए ह्यू, संतृप्ति और चमक व्यक्त करता है।

प्रत्येक दृश्य उसी रंग के बारे में एक अलग बातचीत की सेवा करता है।

प्रत्येक प्रारूप का उपयोग कब करना है यह समझना समय बचाता है: शीघ्र CSS घोषणाओं के लिए HEX, प्रोग्रामेटिक मिश्रण के लिए RGB, और घटक मानों का अनुमान लगाए बिना चमक को सूक्ष्म रूप से समायोजित करने के लिए HSL।

चक्करों के बिना डिज़ाइन से कोड तक

डिज़ाइन फ़ाइलों से एक स्वैच लें और सटीक CSS मान प्राप्त करें।

विविधताओं के लिए HSL को समायोजित करें, फिर उस HEX को निर्यात करें जिसे आप थीम में रखते हैं।

डिज़ाइन का इरादा हस्तांतरण से बच जाता है।

जो टीमें हस्तांतरण के बिंदु पर रंग परिवर्तित करती हैं, वे उस सामान्य बग से बचती हैं जहां डिज़ाइनर एक सन्निकट RGB ट्रिपलेट देता है और डेवलपर थोड़ा-गलत शेड लागू करता है।

ब्रांड प्रणालियों के लिए क्रॉस-फ़ॉर्मेट सटीकता

ब्रांड रंगों को वेब, प्रिंट और इंजीनियरिंग में सुसंगत मानों की आवश्यकता होती है।

कनवर्टर प्रत्येक निरूपण को गणितीय रूप से संरेखित करता है।

एक ह्यू, हर जगह समान।

जब एक ब्रांड गाइड Pantone 286 C निर्दिष्ट करता है, तो उसे HEX, RGB और CMYK प्रकारों में परिवर्तित करना सुनिश्चित करता है कि हर संपर्क बिंदु समान पहचान प्रदर्शित करे।

अपारदर्शिता, अल्फा और पारदर्शिता संबंधी विचार

कुछ प्रारूप अर्ध-पारदर्शी ओवरले के लिए अल्फा चैनल रखते हैं, जबकि अन्य नहीं रखते।

RGBA से HEX में रूपांतरण करते समय, अल्फा मान को अलग से संभाला जाना चाहिए या आठ-अंकीय HEX संकेतन में परिवर्तित किया जाना चाहिए जिसे कुछ आधुनिक ब्राउज़र समर्थन करते हैं।

अल्फा व्यवहार से अवगत होना आश्चर्यों को रोकता है जब स्तरित UI घटक डिज़ाइन के इरादे से भिन्न रेंडर होते हैं।

एक ही ह्यू से सामंजस्यपूर्ण पैलेट बनाना

एक बार आधार रंग HSL में परिवर्तित हो जाने पर, ह्यू व्हील को तीस या साठ डिग्री समायोजित करना स्वचालित रूप से पूरक और समान-रक्तता वाले पैलेट उत्पन्न करता है।

संतृप्ति को स्थिर रखते हुए चमक को बदलना टिंट और शेड बनाता है जो पृष्ठभूमि और अग्रभूमि युग्म के रूप में कार्य करते हैं।

सत्यापित रूपांतरण से शुरू करना सुनिश्चित करता है कि पैलेट का हर सदस्य समान रंग-स्थान उत्पत्ति साझा करे।

सुलभता और कंट्रास्ट जांच

वेब कंटेंट एक्सेसिबिलिटी दिशानिर्देश टेक्स्ट और पृष्ठभूमि रंगों के बीच न्यूनतम कंट्रास्ट अनुपात की आवश्यकता रखते हैं।

एक रंग युग्म को रूपांतरित करने के बाद, उनके ल्यूमिनेंस मानों की तुलना करने से पता चलता है कि संयोजन AA या AAA सीमाओं को पार करता है या नहीं।

जो डिज़ाइनर रूपांतरण करते हैं और फिर उसी सत्र में कंट्रास्ट जांचते हैं, वे कोड उत्पादन तक पहुंचने से पहले ही सुलभता विफलताओं को पकड़ लेते हैं।

उदाहरण के लिए, सफेद पृष्ठभूमि पर हल्का भूरा टेक्स्ट बॉडी कॉपी के लिए आवश्यक 4.5 से 1 के सीमा-मान से कहीं नीचे के कंट्रास्ट अनुपात में रूपांतरित होता है, जो संकेत देता है कि अग्रभूमि या पृष्ठभूमि में समायोजन की आवश्यकता है।

प्रारूपों के बीच ग्रेडिएंट और इंटरपोलेशन

CSS में सहज ग्रेडिएंट रेंडर करना चुने गए प्रारूप के घटक चैनलों के बीच इंटरपोलेशन पर निर्भर करता है।

ग्रेडिएंट बनाने से पहले दो अंत-बिंदु रंगों को RGB में परिवर्तित करना सबसे पूर्वानुमान योग्य मिश्रण उत्पन्न करता है, जबकि HLS इंटरपोलेशन अप्रत्याशित मध्यवर्ती ह्युओं से गुजर सकता है।

एक प्रारूप कैसे इंटरपोलेट करता है यह समझना डेवलपर्स को बटन, चार्ट और डेटा विज़ुअलाइज़ेशन के लिए सही निरूपण चुनने में मदद करता है।

निजी रंग इंजीनियरिंग

विकास के अधीन पैलेट डिवाइस पर रूपांतरित होते हैं।

कोई अपलोड नहीं, कोई खाता नहीं, कोई वॉटरमार्क नहीं — सभी प्लेटफ़ॉर्म पर।

ब्रांड रहस्य स्टूडियो के भीतर रहते हैं।

उत्पाद लॉन्च या मौसमी अभियानों के लिए प्री-रिलीज़ रंग योजनाएं तीसरे पक्षों के लिए अदृश्य रहती हैं जब रूपांतरण स्थानीय रूप से होता है।

इमेज टूलकिट में रंग कार्य

संपूर्ण रंग कार्यप्रवाह के लिए color-picker निष्कर्षण और image-filter समायोजन के साथ जोड़ें।

यह सूट मुफ़्त और ब्राउज़र-मूल है।

हर ह्यू, हर संकेतन में, तुरंत।

रूपांतरित रंग मान से शुरू करके, आप ब्राउज़र से बाहर हुए बिना फ़िल्टर लागू कर सकते हैं, ग्रेडिएंट उत्पन्न कर सकते हैं या सामंजस्यपूर्ण पैलेट बना सकते हैं।