कलर कनवर्टर 🔒 आपका डेटा कभी ब्राउज़र से बाहर नहीं जाता।
HEX ↔ RGB ↔ HSL, लाइव प्रीव्यू और कलर पिकर के साथ।
कंट्रास्ट चेकर
यह कंट्रास्ट देखने के लिए एक नमूना वाक्य है।
यह कंट्रास्ट देखने के लिए एक नमूना वाक्य है।
शेड्स और टिंट्स
किसी स्टेप को चुनें ताकि वह वर्तमान रंग बन जाए।
इस टूल के बारे में
किसी भी CSS प्रारूप में रंग पेस्ट करें — hex (#1e90ff या #19f), rgb(), hsl(), या dodgerblue जैसा नाम — और सभी प्रारूप एक-क्लिक कॉपी और लाइव स्वॉच के साथ पाएँ। HEX डिज़ाइन टूल का निर्यात है, RGB canvas और JS API की भाषा, और HSL इंसानों के समझने लायक (hue, saturation, lightness)।
रूपांतरण ब्राउज़र के अपने CSS इंजन से होता है — स्टाइलशीट में मान्य कुछ भी यहाँ चलेगा। 100% क्लाइंट-साइड।
अक्सर पूछे जाने वाले प्रश्न
क्या मेरा रंग डेटा कहीं भेजा जाता है?
नहीं। हर कन्वर्शन, कंट्रास्ट जाँच और पैलेट आपके ब्राउज़र में ही स्थानीय रूप से गणना होती है — आपने जो भी दर्ज किया वह कभी आपके डिवाइस से बाहर नहीं जाता।
HSL और HSV में क्या फ़र्क़ है?
दोनों ह्यू और सैचुरेशन बताते हैं, लेकिन HSL का तीसरा मान लाइटनेस है (काले या सफ़ेद के कितना पास), जबकि HSV का मान वैल्यू है (सिर्फ़ काले के कितना पास, ऊपर हमेशा पूरी चमक रहती है)। HSV अक्सर डिज़ाइन टूल के कलर पिकर से मेल खाता है; HSL अक्सर CSS की परिपाटी से मेल खाता है।
मेरा हेक्स कोड 6 के बजाय 8 अंकों का क्यों है?
अतिरिक्त जोड़ी अल्फ़ा (पारदर्शिता) को #rrggbbaa के रूप में दर्शाती है। यह तभी दिखती है जब इनपुट रंग का अल्फ़ा चैनल 1 से कम हो — पूरी तरह अपारदर्शी रंग 6 अंकों के ही रहते हैं।
कंट्रास्ट चेकर के नीचे AA और AAA बैज का क्या मतलब है?
ये WCAG 2 के कंट्रास्ट स्तर हैं: AA वह न्यूनतम है जिसे अधिकांश साइटों को पूरा करना चाहिए (सामान्य टेक्स्ट के लिए 4.5:1, बड़े टेक्स्ट या UI हिस्सों के लिए 3:1), AAA सख़्त लक्ष्य है (7:1 / 4.5:1)। हरा बैज दर्शाता है कि आपका फ़ोरग्राउंड/बैकग्राउंड जोड़ा उस स्तर पर पास है।
OKLCH क्या है और मुझे इसे HSL की बजाय क्यों उपयोग करना चाहिए?
OKLCH एक अवधारणात्मक रूप से एकसमान कलर स्पेस है — लाइटनेस या क्रोमा में बराबर बदलाव मानव आँख को बराबर अलग दिखते हैं, जिसकी गारंटी HSL नहीं देता। आधुनिक CSS में इसका उपयोग बढ़ रहा है ताकि ऐसे कलर स्केल और ग्रेडिएंट बनाए जा सकें जिनमें अप्रत्याशित गहरे या धुंधले धब्बे न हों।