कलर कोड कनवर्टर

HEX, RGB, HSL और OKLCH कोड के बीच रंग कन्वर्टर, साथ में दो रंगों का WCAG कंट्रास्ट अनुपात। पैलेट चुनते समय ही सुलभता जाँचें, ब्राउज़र में मुफ़्त।

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
OKLCH
oklch(0.623 0.188 259.8)
HSL समायोजन
कंट्रास्ट अनुपात (WCAG)
तुलना रंग:
샘플 텍스트
कंट्रास्ट अनुपात: 3.68:1
WCAG: AA Large
एम्बेड करें

इस टूल को अपनी साइट में एम्बेड करें

Powered by Patrache Studio DevTools
अंतिम अपडेट: 2026 · निःशुल्क ऑनलाइन टूल

कलर कोड कनवर्टर क्या है?

HEX, RGB, HSL और OKLCH कोड के बीच रंग कन्वर्टर, साथ में दो रंगों का WCAG कंट्रास्ट अनुपात। पैलेट चुनते समय ही सुलभता जाँचें, ब्राउज़र में मुफ़्त।

उपयोग कैसे करें

  1. 1
    रंग दर्ज करें— कलर पिकर या टेक्स्ट इनपुट का उपयोग करें। HEX, rgb(), hsl() फॉर्मेट समर्थित हैं।
  2. 2
    फॉर्मेट देखें— HEX, RGB, HSL और OKLCH फॉर्मेट एक साथ प्रदर्शित होते हैं।
  3. 3
    मान कॉपी करें— CSS मान कॉपी करने के लिए प्रत्येक फॉर्मेट के कॉपी बटन का उपयोग करें।
  4. 4
    कंट्रास्ट रेशियो जांचें— WCAG कंट्रास्ट रेशियो जांचने के लिए तुलना रंग सेट करें।

संबंधित टूल

CSS ग्रेडिएंट जनरेटरलीनियर, रेडियल और कोनिक ग्रेडिएंट के लिए विज़ुअल CSS ग्रेडिएंट जनरेटर: कलर स्टॉप जोड़ें, कोण बदलें और तैयार CSS कॉपी करें। बैकग्राउंड और बटन के लिए बढ़िया, मुफ़्त।
CSS Box Shadow जनरेटरऑफ़सेट, ब्लर, स्प्रेड, रंग और inset नियंत्रण तथा छाया के लाइव पूर्वावलोकन वाला CSS box-shadow जनरेटर। कॉपी करने योग्य box-shadow CSS कोड तुरंत मिलता है, मुफ़्त।
CSS यूनिट रेफरेंसpx, em, rem, %, vw, vh, vmin, vmax और ch इकाइयों की श्रेणीवार CSS यूनिट संदर्भिका। हर निरपेक्ष और सापेक्ष इकाई का उपयोग कब करें, यह स्पष्ट बताया गया है, मुफ़्त।
PX-REM कनवर्टरPX से REM कन्वर्टर जो अनुकूलन योग्य रूट फ़ॉन्ट आकार के आधार पर पिक्सेल और rem को दोनों दिशाओं में बदलता है, दशमलव सहित। कॉपी करने योग्य संदर्भ तालिका और CSS स्निपेट के साथ।

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

OKLCH, Oklab कलर स्पेस का बेलनाकार प्रतिनिधित्व है, जो सबसे समान रूप से अनुभव किया जाने वाला कलर स्पेस है। CSS Color Level 4 में समर्थित।

यह टेक्स्ट और बैकग्राउंड रंगों के बीच चमक अंतर मापता है। AA के लिए कम से कम 4.5:1, AAA के लिए 7:1 आवश्यक है।

वर्तमान में केवल अपारदर्शी रंग (RGB, 6 अंकों का HEX) समर्थित हैं। RGBA और HSLA भविष्य में जोड़े जाएंगे।

हां। आप प्रत्येक फॉर्मेट के आउटपुट को सीधे CSS में पेस्ट कर सकते हैं।

नहीं। सभी कलर रूपांतरण आपके ब्राउज़र में होते हैं।

यह साइट बेहतर अनुभव और विज्ञापन के लिए कुकीज़ का उपयोग करती है। और जानें

कृपया इस साइट पर विज्ञापनों की अनुमति दें

इन टूल का उपयोग करने के लिए इस साइट पर विज्ञापनों की अनुमति दें। विज्ञापनों से यह सेवा मुफ़्त रहती है।

विज्ञापन अवरोधक खोलें, इस साइट के लिए उसे बंद करें और फिर जाँचें।