कलर कोड कनवर्टर
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL Adjustment
Contrast Ratio (WCAG)
Compare color:
샘플 텍스트
Contrast ratio: 3.68:1
WCAG: AA Large
अंतिम अपडेट: 2026 · निःशुल्क ऑनलाइन टूल
कलर कोड कनवर्टर क्या है?
मुफ्त ऑनलाइन कलर कन्वर्टर जो HEX, RGB, HSL और OKLCH कोड के बीच तुरंत बदलता है और दो रंगों के बीच WCAG कंट्रास्ट रेशियो की गणना करता है ताकि एक्सेसिबिलिटी अनुपालन आसानी से जांचा जा सके।
उपयोग कैसे करें
- 1रंग दर्ज करें— कलर पिकर या टेक्स्ट इनपुट का उपयोग करें। HEX, rgb(), hsl() फॉर्मेट समर्थित हैं।
- 2फॉर्मेट देखें— HEX, RGB, HSL और OKLCH फॉर्मेट एक साथ प्रदर्शित होते हैं।
- 3मान कॉपी करें— CSS मान कॉपी करने के लिए प्रत्येक फॉर्मेट के कॉपी बटन का उपयोग करें।
- 4कंट्रास्ट रेशियो जांचें— WCAG कंट्रास्ट रेशियो जांचने के लिए तुलना रंग सेट करें।
संबंधित टूल
टाइमस्टैम्प कनवर्टरUnix टाइमस्टैम्प और तारीख के बीच दोनों दिशाओं में परिवर्तित करने वाला मुफ्त ऑनलाइन टूल। यह सेकंड (10 अंक) और मिलीसेकंड (13 अंक) पहचानता है और KST, JST, UTC, ISO 8601 तथा सापेक्ष समय समर्थित करता है।
CSS ग्रेडिएंट जनरेटरमुफ्त ऑनलाइन विज़ुअल CSS ग्रेडिएंट जनरेटर: linear, radial और conic ग्रेडिएंट बनाएं, कई कलर स्टॉप और कोण समायोजित करें, और वेबसाइट बैकग्राउंड के लिए तैयार CSS कोड कॉपी करें।
CSS Box Shadow जनरेटरमुफ्त ऑनलाइन CSS box-shadow जनरेटर, ऑफसेट, ब्लर, स्प्रेड, रंग और inset नियंत्रण के साथ, जो छाया का लाइव प्रीव्यू देता है और कॉपी करने को तैयार box-shadow CSS कोड बनाता है।
अक्सर पूछे जाने वाले प्रश्न
OKLCH, Oklab कलर स्पेस का बेलनाकार प्रतिनिधित्व है, जो सबसे समान रूप से अनुभव किया जाने वाला कलर स्पेस है। CSS Color Level 4 में समर्थित।
यह टेक्स्ट और बैकग्राउंड रंगों के बीच चमक अंतर मापता है। AA के लिए कम से कम 4.5:1, AAA के लिए 7:1 आवश्यक है।
वर्तमान में केवल अपारदर्शी रंग (RGB, 6 अंकों का HEX) समर्थित हैं। RGBA और HSLA भविष्य में जोड़े जाएंगे।
हां। आप प्रत्येक फॉर्मेट के आउटपुट को सीधे CSS में पेस्ट कर सकते हैं।
नहीं। सभी कलर रूपांतरण आपके ब्राउज़र में होते हैं।