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

HEX, RGB, HSL, HSV, CMYK, OKLCH या CSS नाम में से किसी एक में रंग टाइप करें, और बाकी फ़ॉर्मैट तुरंत अपडेट हो जाते हैं। डिज़ाइन से रंग को CSS में ले जाने या यह जांचने के लिए इसका इस्तेमाल करें कि टेक्स्ट और बैकग्राउंड में पर्याप्त कंट्रास्ट है या नहीं।

इस्तेमाल का तरीका

1. "रंग चुनें" से रंग चुनें या HEX या RGB जैसे किसी एक फ़ील्ड में वैल्यू टाइप करें। बाकी फ़ील्ड साथ में बदलते हैं; किसी को भी उसके पास वाले बटन से कॉपी करें।
2. पारदर्शिता जोड़ने के लिए "अपारदर्शिता" सेट करें; तब HEX में 8 अंक होते हैं और RGB, rgba बन जाता है।
3. उस रंग पर जाने के लिए "हल्के और गहरे शेड" या "रंगों का मेल" में कोई स्वैच चुनें।
4. "कंट्रास्ट चेकर" में "टेक्स्ट का रंग" और "बैकग्राउंड का रंग" सेट करें और "कंट्रास्ट अनुपात" और AA व AAA नतीजे देखें।

यह कैसे काम करता है

• HEX लाल, हरे और नीले की वैल्यू (0 से 255) को दो-दो हेक्साडेसिमल अंकों में लिखता है। उदाहरण के लिए, rgb(255, 99, 71) है #FF6347।
• कंट्रास्ट अनुपात = (हल्के रंग की सापेक्ष ल्यूमिनेंस + 0.05) ÷ (गहरे रंग की सापेक्ष ल्यूमिनेंस + 0.05), जिसे WCAG 2.2 के सक्सेस क्राइटेरिया 1.4.3 और 1.4.6 से आंका जाता है। अनुपात नीचे की ओर राउंड किया जाता है।
• CMYK बिना प्रिंट प्रोफ़ाइल वाले एक सरल सूत्र से निकाला जाता है, इसलिए असली प्रिंट का रंग अलग होगा। हाल के रंग और आखिरी रंग इसी डिवाइस पर सेव रहते हैं।

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

HEX को RGB में कैसे बदलें?

कोड को जोड़ियों में बांटें और हर जोड़ी को हेक्साडेसिमल से दशमलव में बदलें। #3B82F6 से 3B = 59, 82 = 130 और F6 = 246 मिलता है, यानी rgb(59, 130, 246)। इसे तुरंत देखने के लिए HEX फ़ील्ड में टाइप करें।

टेक्स्ट के लिए कितना कंट्रास्ट अनुपात चाहिए?

WCAG AA सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 मांगता है; AAA 7:1 और 4.5:1 मांगता है। बड़ा टेक्स्ट कम से कम 24px, या बोल्ड में 18.66px होता है।

3 अंकों वाला HEX कोड क्या होता है?

6 अंकों वाले कोड का छोटा रूप, जिसमें हर अंक दोहराया जाता है। #F80 वही रंग है जो #FF8800।

क्या यह रंग का नाम बता सकता है?

अगर रंग 148 CSS रंग नामों में से किसी से मेल खाता है, तो वह नाम दिखता है; नहीं तो सबसे नज़दीकी CSS नाम और उसकी HEX वैल्यू दिखती है।