HEX · RGB · HSL · HSV · CMYK
कलर कन्वर्टर
रंग #0060fd का मतलब rgb(0, 96, 253), hsl(217, 100%, 50%) और cmyk(100%, 62%, 0%, 1%) है। कोई भी CSS रंग लिखें या पिकर से अपना रंग चुनकर बदलें।
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
टाइल टाइप करते ही अपडेट होती हैं। टेक्स्ट रंग न हो तो त्रुटि दिखती है और आख़िरी मान्य रंग स्क्रीन पर बना रहता है।
Scanned by 
NortonTM Safe Web
एक नज़र में
- क़ीमत
- कोई शुल्क नहीं
- खाता
- ज़रूरत नहीं
- अपलोड
- लागू नहीं — आप रंग लिखते हैं, कुछ कहीं नहीं भेजा जाता
- इनपुट
- HEX (3, 4, 6 या 8 अंक), rgb(), hsl(), hwb(), 148 CSS रंग नाम और transparent
- आउटपुट
- HEX, RGB, HSL, HSV, CMYK और सबसे नज़दीकी CSS रंग का नाम
- CMYK
- गणितीय कन्वर्ज़न, प्रिंट प्रोफ़ाइल नहीं
हर मॉडल में आम रंग
ये पंक्तियाँ कन्वर्टर के उसी कोड से बनी हैं। HSL, HSV और CMYK पूर्णांक में राउंड किए गए हैं।
| लिखा गया | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
रंग कैसे बदलें
रंग लिखें
3, 4, 6 या 8 अंकों का HEX कोड, rgb(), hsl() या hwb() मान, या 148 CSS रंग नामों में से कोई एक लिखें। आप रंग के बॉक्स पर क्लिक करके अपने ब्राउज़र के पिकर से भी रंग चुन सकते हैं।
दूसरे मॉडल पढ़ें
स्वैच रंग को चेकरबोर्ड पर दिखाता है, इसलिए पारदर्शिता दिखती है। टाइलें वही रंग HEX, RGB, HSL, HSV और CMYK में और सबसे नज़दीकी CSS रंग का नाम दिखाती हैं।
जो चाहिए कॉपी करें
किसी टाइल पर कॉपी दबाएँ तो वह मान क्लिपबोर्ड पर आ जाता है, स्टाइलशीट, डिज़ाइन टूल या दस्तावेज़ में पेस्ट करने के लिए तैयार।
रंग मॉडल आपस में कैसे जुड़े हैं
RGB रंग को लाल, हरे और नीले प्रकाश की उन मात्राओं के रूप में बताता है जो स्क्रीन जोड़ती है, हर एक 0 से 255 तक; #0060fd में 0 लाल, 96 हरा और 253 नीला है। HEX वही तीन संख्याएँ आधार 16 में लिखी हैं, इसलिए 96 का रूप 60 और 253 का fd है। HSL और HSV वही रंग कलर व्हील पर 0 से 360 डिग्री के ह्यू कोण और दो प्रतिशत से बताते हैं: संतृप्ति, और लाइटनेस (HSL) या वैल्यू (HSV)। #0060fd का ह्यू दोनों में 217 है। CMYK स्याही बताता है: सफ़ेद काग़ज़ से सायन, मैजेंटा, पीला और काला घटाए जाते हैं।
यहाँ दिखने वाला CMYK सीधा गणितीय कन्वर्ज़न है: काला 1 में से R, G और B का सबसे बड़ा मान घटाने पर आता है, और सायन, मैजेंटा व पीला बचा हुआ हिस्सा हैं। यह प्रिंट प्रोफ़ाइल नहीं है, इसलिए ICC प्रोफ़ाइल इस्तेमाल करने वाला प्रिंटर या डिज़ाइन प्रोग्राम उसी रंग के लिए अलग CMYK संख्याएँ देगा। HSL मान पूर्णांक में दिखाए जाते हैं, इसलिए राउंड किए मान को वापस बदलने पर कोई चैनल कुछ इकाई खिसक सकता है: hsl(217, 100%, 50%) #0062ff है, #0060fd नहीं। सबसे नज़दीकी CSS नाम वह कीवर्ड है जिसका L*a*b* स्पेस में CIE76 रंग-अंतर सबसे कम हो। सब कुछ आपके ब्राउज़र में चलता है और कहीं कुछ नहीं भेजा जाता।
कलर कन्वर्टर से जुड़े सवाल
HEX को RGB में कैसे बदलें?
छह अंकों को तीन जोड़ों में बाँटें और हर जोड़े को आधार 16 की संख्या की तरह पढ़ें। #0060fd में 00, 60 और fd हैं, जो 0, 96 और 253 हैं, इसलिए रंग rgb(0, 96, 253) है। HEX कोड फ़ील्ड में पेस्ट करें और RGB टाइल नतीजा दिखा देगी।
8 अंकों वाले HEX कोड के आख़िरी दो अंकों का क्या मतलब है?
वे अल्फ़ा चैनल यानी ओपेसिटी हैं, 00 (पूरी तरह पारदर्शी) से ff (पूरी तरह अपारदर्शी) तक। #0060fd80 वही नीला रंग 255 में से 128 पर है, जो लगभग 50.2% ओपेसिटी है, इसलिए यह rgba(0, 96, 253, 0.502) दिखता है। #06f8 जैसा 4 अंकों का कोड भी इसी तरह चलता है, बस हर अंक दोहराया जाता है।
HSL और HSV में क्या अंतर है?
दोनों ह्यू और संतृप्ति इस्तेमाल करते हैं, पर तीसरा मान अलग है। HSL में लाइटनेस 50% शुद्ध रंग है, 0% काला और 100% सफ़ेद। HSV में वैल्यू 100% रंग का सबसे चमकीला रूप है, और सफ़ेद के लिए संतृप्ति 0% चाहिए। वही नीला hsl(217, 100%, 50%) और hsv(217, 100%, 99%) है।
क्या CMYK नतीजा प्रिंटिंग के लिए इस्तेमाल कर सकते हैं?
इसे केवल शुरुआती बिंदु मानें। यह पेज RGB और CMYK के बीच सीधा फ़ॉर्मूला इस्तेमाल करता है, जिसे स्याही, काग़ज़ या प्रिंटर की प्रोफ़ाइल का कुछ पता नहीं। रंग प्रोफ़ाइल वाली प्रिंट शॉप या डिज़ाइन प्रोग्राम उसी RGB रंग को अलग CMYK संख्याओं में बदलेगा।
मैं कौन-से रंग फ़ॉर्मैट लिख सकता हूँ?
# के साथ या बिना HEX, 3, 4, 6 या 8 अंकों में; कॉमा या स्पेस वाले rgb() और rgba(), संख्याओं या प्रतिशत के साथ, और स्लैश के बाद वैकल्पिक अल्फ़ा; deg, rad, grad या turn में कोण वाले hsl(), hsla() और hwb(); rebeccapurple जैसे 148 CSS रंग नाम; और transparent।
सबसे नज़दीकी रंग का नाम सटीक मेल क्यों नहीं होता?
CSS में केवल 148 रंग नाम हैं, इसलिए ज़्यादातर रंगों का अपना कोई नाम नहीं होता। पेज वह नाम चुनता है जिसका रंग सबसे क़रीब दिखे, जिसे L*a*b* स्पेस में CIE76 रंग-अंतर से नापा जाता है; #0060fd के लिए वह mediumslateblue है। रंग ठीक किसी नामित रंग जैसा हो, जैसे #ff0000, तो पेज बताता है कि यह सटीक मेल है।