> रूपांतरण | पूर्वावलोकन | चुनें <
// HEX, RGB, HSL, HSV और CMYK रंग प्रारूपों के बीच रूपांतरण
रंग पूर्वावलोकन
लाइव पूर्वावलोकन तुरंत अपडेट।
किसी भी प्रारूप में इनपुट
सभी प्रारूप स्वचालित अपडेट।
5 रंग प्रारूप
HEX, RGB, HSL, HSV/HSB, CMYK रूपांतरण।
// रंग प्रारूपों के बारे में
रंग मॉडल:
योगात्मक RGB स्क्रीन के लिए, व्यवकलनात्मक CMYK प्रिंट के लिए, HEX कॉम्पैक्ट RGB, HSL/HSV।
उदाहरण:
#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)
सामान्य उपयोग:
- >वेब विकास: CSS रंग
- >प्रिंट: RGB→CMYK
- >UI डिज़ाइन: HSL
- >ब्रांड: सुसंगत रंग
- >सुगम्यता: कंट्रास्ट
>> अक्सर पूछे जाने वाले प्रश्न
Q: HEX vs RGB?
HEX and RGB represent the same color model in different notations. HEX uses hexadecimal (#FF5733) while RGB uses decimal (rgb(255, 87, 51)).
Q: HSL?
HSL = Hue, Saturation, Lightness. More intuitive for humans. CSS supports hsl() natively.
Q: CMYK?
CMYK is for print. Not all RGB colors can be reproduced in CMYK.
Q: CSS color formats?
Modern browsers support HEX, RGB, HSL, named colors, hwb(), lab(), lch(), oklch().
Q: Accessibility?
Color format does not directly affect accessibility. WCAG 2.1 requires 4.5:1 minimum contrast for normal text.
// आम रंग HEX, RGB और HSL में
| HEX | RGB | HSL |
|---|---|---|
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
| #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) |
| #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
| #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) |
| #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) |
| #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
| #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
| #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
// CSS रंग संकेतन और रूपांतरण
color: #ff8000; color: #f80; /* shorthand for #ff8800 */ color: #ff800080; /* 8 digits: last two = alpha */ color: rgb(255 128 0); color: rgb(255 128 0 / 50%); color: hsl(30 100% 50%); #FF8000 -> FF=255 80=128 00=0 -> rgb(255, 128, 0)
>> और प्रश्न
प्र: HEX को हाथ से RGB में कैसे बदलें?
उ: कोड को दो-दो अंकों के जोड़ों में बाँटें और हर जोड़े को हेक्स से दशमलव में बदलें: #FF8000 → FF = 255, 80 = 128, 00 = 0, यानी rgb(255, 128, 0)।
प्र: संक्षिप्त रूप (#F80) और 8 अंकों वाले HEX का क्या अर्थ है?
उ: #F80, #FF8800 का संक्षिप्त रूप है (हर अंक दोहराया जाता है)। 8 अंकों (#RRGGBBAA) में अंतिम दो अंक अल्फा चैनल यानी पारदर्शिता हैं।
प्र: प्रिंट और स्क्रीन पर रंग अलग क्यों दिखते हैं?
उ: स्क्रीन प्रकाश को योगात्मक रूप से (RGB) मिलाती है और उसका रंग-दायरा बड़ा होता है; प्रिंट स्याही को घटात्मक रूप से (CMYK) मिलाता है। चटख हरे, नीले और नियॉन रंग अक्सर प्रिंट में केवल लगभग ही आ पाते हैं; प्रूफ से जाँचें।