🎨 कलर कन्वर्टर
किसी भी फ़ॉर्मैट में रंग डालें – #3B82F6, RGB या HSL मान, या अंग्रेज़ी में रंग का नाम – और पाएँ बाकी सभी फ़ॉर्मैट, पहुँच-योग्यता के कंट्रास्ट स्कोर और हल्के-गहरे रूपों की पैलेट।
संक्षिप्त उत्तर: #3B82F6 का RGB मान (59, 130, 246), HSL मान (217°, 91%, 60%) और CMYK मान (76%, 47%, 0%, 4%) है; इसका कंट्रास्ट अनुपात सफ़ेद पर 3.68:1 (AA केवल बड़े टेक्स्ट के लिए) और काले पर 5.71:1 (AA) है।
अभी तक कोई रेटिंग नहीं · अंतिम अपडेट · मुफ़्त · साइन-अप की ज़रूरत नहीं
कलर कन्वर्टर के इनपुट
परिणाम
रंग
#3B82F6
rgb(59, 130, 246)
| HEX | #3B82F6 |
| RGB | rgb(59, 130, 246) |
| HSL | hsl(217, 91%, 60%) |
| HSV / HSB | hsv(217, 76%, 96%) |
| CMYK | cmyk(76%, 47%, 0%, 4%) |
- सफ़ेद के साथ कंट्रास्ट
- 3.68:1 · AA केवल बड़े टेक्स्ट के लिए
- काले के साथ कंट्रास्ट
- 5.71:1 · AA
- टेक्स्ट के लिए सबसे अच्छा रंग
- काला
हल्के रूप (सफ़ेद मिलाकर)
| सफ़ेद का अंश | रंग | RGB | HSL |
|---|---|---|---|
| मूल रंग | #3B82F6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) |
| 10% | #4F8FF7 | rgb(79, 143, 247) | hsl(217, 91%, 64%) |
| 20% | #629BF8 | rgb(98, 155, 248) | hsl(217, 91%, 68%) |
| 30% | #76A8F9 | rgb(118, 168, 249) | hsl(217, 92%, 72%) |
| 40% | #89B4FA | rgb(137, 180, 250) | hsl(217, 92%, 76%) |
| 50% | #9DC1FB | rgb(157, 193, 251) | hsl(217, 92%, 80%) |
| 60% | #B1CDFB | rgb(177, 205, 251) | hsl(217, 90%, 84%) |
| 70% | #C4DAFC | rgb(196, 218, 252) | hsl(216, 90%, 88%) |
| 80% | #D8E6FD | rgb(216, 230, 253) | hsl(217, 90%, 92%) |
| 90% | #EBF3FE | rgb(235, 243, 254) | hsl(215, 90%, 96%) |
गहरे रूप (काला मिलाकर)
| काले का अंश | रंग | RGB | HSL |
|---|---|---|---|
| मूल रंग | #3B82F6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) |
| 10% | #3575DD | rgb(53, 117, 221) | hsl(217, 71%, 54%) |
| 20% | #2F68C5 | rgb(47, 104, 197) | hsl(217, 61%, 48%) |
| 30% | #295BAC | rgb(41, 91, 172) | hsl(217, 62%, 42%) |
| 40% | #234E94 | rgb(35, 78, 148) | hsl(217, 62%, 36%) |
| 50% | #1E417B | rgb(30, 65, 123) | hsl(217, 61%, 30%) |
| 60% | #183462 | rgb(24, 52, 98) | hsl(217, 61%, 24%) |
| 70% | #12274A | rgb(18, 39, 74) | hsl(218, 61%, 18%) |
| 80% | #0C1A31 | rgb(12, 26, 49) | hsl(217, 61%, 12%) |
| 90% | #060D19 | rgb(6, 13, 25) | hsl(218, 61%, 6%) |
WCAG की कंट्रास्ट शर्तें
| स्तर | सामान्य टेक्स्ट | बड़ा टेक्स्ट (18 पॉइंट या अधिक, या 14 पॉइंट बोल्ड) | सफ़ेद पर | काले पर |
|---|---|---|---|---|
| AA | 4.5:1 | 3:1 | केवल बड़ा टेक्स्ट | उत्तीर्ण |
| AAA | 7:1 | 4.5:1 | अनुत्तीर्ण | केवल बड़ा टेक्स्ट |
कलर कन्वर्टर कैसे इस्तेमाल करें
किसी भी आम फ़ॉर्मैट में रंग डालें – #3B82F6, #38F, rgb(59, 130, 246), hsl(217, 91%, 60%), hsv(217, 76%, 96%), cmyk(76%, 47%, 0%, 4%) या अंग्रेज़ी में किसी मूल रंग का नाम, जैसे teal। आपको बाकी सभी फ़ॉर्मैट, रंग का नमूना, कंट्रास्ट स्कोर और हल्के-गहरे रूपों की पैलेट मिल जाएगी।
बदलने के सूत्र
HEX → RGB: हेक्स अंकों का हर जोड़ा एक चैनल है, 00–FF = 0–255
CMYK: K = 1 − अधिकतम(R′, G′, B′) · C = (1 − R′ − K) ÷ (1 − K), इसी तरह M और Y (R′ = R ÷ 255)
HSL: L = (अधिकतम + न्यूनतम) ÷ 2 · S = (अधिकतम − न्यूनतम) ÷ (1 − |2L − 1|) · H सबसे बड़े चैनल से
कंट्रास्ट = (L1 + 0.05) ÷ (L2 + 0.05), WCAG के सापेक्ष ल्यूमिनेंस से
हल किया हुआ उदाहरण
#3B82F6 को 3B, 82 और F6 में बाँटने पर rgb(59, 130, 246) मिलता है। नीला सबसे बड़ा चैनल है (0.965), इसलिए K = 3.5% और C = (1 − 0.231 − 0.035) ÷ 0.965 = 76%, यानी cmyk(76%, 47%, 0%, 4%)। HSL में यह hsl(217, 91%, 60%) है। इसका सापेक्ष ल्यूमिनेंस 0.236 है, इसलिए कंट्रास्ट सफ़ेद के सामने 3.68:1 और काले के सामने 5.71:1 है – छोटे अक्षरों के लिए इस पर काला टेक्स्ट रखें।
आम रंग
| रंग | HEX | RGB | HSL |
|---|---|---|---|
| लाल | #FF0000 | 255, 0, 0 | 0°, 100%, 50% |
| हरा | #008000 | 0, 128, 0 | 120°, 100%, 25% |
| नीला | #0000FF | 0, 0, 255 | 240°, 100%, 50% |
| नारंगी | #FFA500 | 255, 165, 0 | 39°, 100%, 50% |
| टील (हरा-नीला) | #008080 | 0, 128, 128 | 180°, 100%, 25% |
| स्लेटी | #808080 | 128, 128, 128 | 0°, 0%, 50% |
सुझाव
- यहाँ के CMYK मान डिवाइस से स्वतंत्र एक सरल रूपांतरण हैं – पेशेवर छपाई के लिए अपने प्रिंटर की आईसीसी प्रोफ़ाइल से रंग बदलें।
- डिज़ाइन में टेक्स्ट और बैकग्राउंड की हर जोड़ी का कंट्रास्ट जाँचें, सिर्फ़ ब्रांड रंग का नहीं।
अक्सर पूछे जाने वाले सवाल
HEX को RGB में कैसे बदलें?
छह हेक्स अंकों को तीन जोड़ों में बाँटें और हर जोड़े को आधार 16 से दशमलव में बदलें। #3B82F6 → 3B = 59, 82 = 130, F6 = 246, यानी RGB (59, 130, 246)।
RGB और CMYK में क्या अंतर है?
RGB स्क्रीन के लिए लाल, हरा और नीला प्रकाश मिलाता है; CMYK छपाई के लिए सियान, मैजेंटा, पीली और काली स्याही मिलाता है। स्क्रीन के बहुत चटक या गाढ़े रंग छपाई में हूबहू नहीं आ पाते।
HSL और HSV में क्या अंतर है?
दोनों ह्यू (रंगत) को एक कोण (0–360°) और सैचुरेशन के रूप में बताते हैं। HSL की लाइटनेस काले से शुद्ध रंग होते हुए सफ़ेद तक जाती है, जबकि HSV की वैल्यू (जिसे ब्राइटनेस भी कहते हैं) काले से शुद्ध रंग तक जाती है।
पढ़ने में आसान टेक्स्ट के लिए कितना कंट्रास्ट अनुपात चाहिए?
WCAG 2 का स्तर AA सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट (18 पॉइंट, या 14 पॉइंट बोल्ड) के लिए 3:1 माँगता है। स्तर AAA के लिए 7:1 और 4.5:1 चाहिए।
रंग के हल्के और गहरे रूप क्या होते हैं?
हल्का रूप (टिंट) रंग में सफ़ेद मिलाने से बनता है, जिससे वह हल्का हो जाता है; गहरा रूप (शेड) काला मिलाने से बनता है, जिससे वह गहरा हो जाता है। एक ब्रांड रंग से मेल खाती पैलेट बनाने का यह आसान तरीका है।
कलर कन्वर्टर को रेटिंग दें
केवल औसत स्टार रेटिंग दिखाई जाती है। गलती की रिपोर्ट सीधे हमारे इनबॉक्स में आती है, ताकि हम उसे जाँचकर ठीक कर सकें। यह भी देखें: गणना पद्धति और गोपनीयता नीति.