HSV से RGB कनवर्टर
हाथ से गणना किए बिना HSV रंग मानों को rgb(r, g, b) में परिवर्तित करें। यह कनवर्टर तब उपयोगी होता है जब रंग पिकर या डिज़ाइन टूल HSV में रंग दिखाते हैं, लेकिन आपका CSS, कैनवास कोड, या घटक RGB की अपेक्षा करते हैं।
HSV प्रारूप में एक रंग टाइप करें और मिलान करने वाला RGB त्रैतीयक तुरंत दिखाई देगा। आप इंटरैक्टिव रूप से रंग, संतृप्ति और मान बदल सकते हैं और फिर परिणामी RGB मान को अपने शैलियों या स्क्रिप्ट में कॉपी कर सकते हैं।
कनवर्टर के नीचे, आप HSV और RGB का संक्षिप्त अवलोकन, रूपांतरण सूत्र का पठनीय स्पष्टीकरण, एक चरण-दर-चरण उदाहरण, एक संदर्भ तालिका, और एक FAQ अनुभाग पाएंगे जो सामान्य प्रश्नों को कवर करता है।
HSV क्या है
HSV का अर्थ है ह्यू, संतृप्ति, और मान। यह रंग को रंग पहिये पर इसके मूल ह्यू, उस ह्यू की तीव्रता, और काले के मुकाबले परिणाम कितना उज्ज्वल या गहरा दिखता है, के द्वारा वर्णित करता है।
ह्यू को 0 से 360 डिग्री में मापा जाता है। संतृप्ति और मान को 0% से 100% प्रतिशत के रूप में लिखा जाता है। कम संतृप्ति रंग को ग्रे की ओर धकेलती है, जबकि कम मान इसे गहरा और काले के करीब बनाता है।
चूंकि HSV ह्यू, तीव्रता, और चमक को अलग करता है, यह रंग पिकर्स और डिजिटल पेंटिंग टूल्स में एक लोकप्रिय विकल्प है जहाँ उपयोगकर्ता एक मूल रंग के विभिन्न रूपों का अन्वेषण करते हैं।
RGB क्या है
RGB एक रंग मॉडल है जो तीन प्रकाश चैनलों पर आधारित है: लाल, हरा, और नीला। प्रत्येक चैनल 0 से 255 तक एक संख्या है। 0 का मान उस चैनल से कोई योगदान नहीं है और 255 का अर्थ है अधिकतम तीव्रता।
जब तीन चैनल मिलाए जाते हैं, तो वे स्क्रीन पर पिक्सेल बनाते हैं। उदाहरण के लिए, rgb(255, 255, 255) सफेद है, rgb(0, 0, 0) काला है, और rgb(255, 165, 0) एक उज्ज्वल नारंगी है।
RGB कई ग्राफिक्स APIs और छवि प्रारूपों के लिए मूल प्रतिनिधित्व है, यही कारण है कि HSV को RGB में परिवर्तित करना फ्रंटेंड विकास और दृश्य उपकरणों में एक सामान्य कदम है।
HSV से RGB सूत्र
hsv(h, s, v) -> rgb(r, g, b)
Given:
h in [0, 360)
s in [0, 100]
v in [0, 100]
1) Normalize saturation and value:
s' = s / 100
v' = v / 100
2) Compute chroma:
c = v' * s'
3) Find a helper value:
x = c * (1 - |((h / 60) mod 2) - 1|)
4) Compute a temporary rgb triple in [0, c]:
if 0 <= h < 60 then (r1, g1, b1) = (c, x, 0)
else if 60 <= h < 120 then (r1, g1, b1) = (x, c, 0)
else if 120 <= h < 180 then (r1, g1, b1) = (0, c, x)
else if 180 <= h < 240 then (r1, g1, b1) = (0, x, c)
else if 240 <= h < 300 then (r1, g1, b1) = (x, 0, c)
else (r1, g1, b1) = (c, 0, x)
5) Add the lightness offset:
m = v' - c
r' = r1 + m
g' = g1 + m
b' = b1 + m
6) Convert to final RGB:
r = round(r' * 255)
g = round(g' * 255)
b = round(b' * 255)सूत्र पहले इच्छित संतृप्ति और मान के साथ एक रंग बनाता है, फिर ह्यू के आधार पर रंग पहिये के एक क्षेत्र का चयन करता है, और अंततः चैनलों को इस तरह स्थानांतरित करता है कि समग्र चमक लक्षित मान से मेल खाती है।
hsv(196, 59%, 76%) के लिए उदाहरण
1) s और v को [0, 1] रेंज में सामान्य करें
2) c, x, और m की गणना करें
3) ह्यू सेक्टर के लिए अस्थायी ट्रिपल चुनें
4) प्रत्येक चैनल में m जोड़ें और 0-255 तक स्केल करें
5) गोल परिणाम:
rgb(79, 163, 194)HSV से RGB रूपांतरण कैसे काम करता है चरण दर चरण
एक उच्च स्तर पर, HSV से RGB में परिवर्तित करना यह तय करना है कि एक रंग ग्रे से कितना दूर है, रंग पहिये पर एक दिशा चुनना, और फिर उस जानकारी को तीन संख्यात्मक चैनलों में अनुवाद करना।
hsv(210, 57%, 24%)
-> rgb(r, g, b)यहाँ hsv(210, 57%, 24%) के लिए प्रक्रिया का एक खाका है।
- चरण 1 - सामान्यीकरण और क्रोमा की गणना करें
संतृप्ति और मान को भिन्नों में बदलें और उनका उपयोग करके क्रोमा की गणना करें। क्रोमा यह वर्णन करता है कि एक शुद्ध ग्रे के मुकाबले कितनी मात्रा में रंग मौजूद है।
s' = 57 / 100 v' = 24 / 100 c = v' * s' - चरण 2 - ह्यू क्षेत्र और मूल त्रैतीयक चुनें
ह्यू को 60 से विभाजित करें ताकि रंग पहिये के क्षेत्र का पता लगाया जा सके। प्रत्येक क्षेत्र के लिए एक अलग अस्थायी त्रैतीयक होता है जैसे
(c, x, 0)या(0, x, c)जो यह निर्धारित करता है कि लाल, हरा, और नीला एक दूसरे से कैसे संबंधित हैं अंतिम परिवर्तन से पहले।h = 210 h / 60 is between 3 and 4 temporary triple uses (0, x, c) - चरण 3 - ऑफसेट जोड़ें और RGB में स्केल करें
अधिकतम चैनल को अनुरोधित मान से मेल खाने के लिए ऑफसेट m जोड़ें, फिर परिणाम को 0 से 255 की सीमा में स्केल करें और पूर्णांकों में गोल करें।
rgb(26, 43, 60)
आप किसी भी मान्य HSV रंग पर समान पैटर्न लागू कर सकते हैं, यही कारण है कि कनवर्टर का उपयोग करना सुविधाजनक है बजाय इसके कि इन गणनाओं को हाथ से दोहराएं।
जहाँ HSV और RGB उपयोगी हैं
HSV और RGB एक ही रंगों का वर्णन करते हैं लेकिन विभिन्न पहलुओं को उजागर करते हैं। HSV ह्यू, संतृप्ति, और मान के चारों ओर निर्मित होता है, जबकि RGB सीधे तीन संख्यात्मक प्रकाश चैनलों के साथ काम करता है।
HSV के लिए सामान्य उपयोग
- इंटरैक्टिव रंग पिकर्स: ह्यू, संतृप्ति, और मान के लिए स्लाइडर्स उपयोगकर्ताओं के लिए रंग विकल्पों का अन्वेषण करते समय स्वाभाविक महसूस होते हैं।
- सूक्ष्म समायोजन: एक या दो पैरामीटर बदलकर रंग को उज्जवल या अधिक जीवंत बनाना आसान है, बजाय तीन चैनलों के।
- दृश्य प्रयोग: कलाकारों और डिज़ाइनरों को अक्सर एक मूल ह्यू के विभिन्न रूपों को आजमाने के लिए HSV पसंद है।
RGB के लिए सामान्य उपयोग
- कम स्तर का रेंडरिंग: कई ग्राफिक्स APIs और छवि प्रारूप सीधे RGB मानों का उपयोग करते हैं।
- CSS और वेब लेआउट: जैसे
rgb()औरrgba()जैसी कार्यक्षमताएँ व्यापक रूप से समर्थित हैं और शैलियों में एकीकृत करना आसान है। - अन्य प्रारूपों के साथ इंटरऑप: HEX और HSL रूपांतरण आमतौर पर RGB के माध्यम से होते हैं।
सारांश
HSV का उपयोग करें जब आप इंटरैक्टिव रूप से रंगों का अन्वेषण और समायोजन कर रहे हों, और RGB में परिवर्तित करें जब आप उन रंगों को कोड में स्टोर, रेंडर, या एनिमेट करने के लिए तैयार हों।
HSV और RGB के साथ काम करने के लिए व्यावहारिक सुझाव
आपको एक पूरे प्रोजेक्ट के लिए केवल एक रंग मॉडल चुनने की आवश्यकता नहीं है। HSV और RGB एक साथ मिलकर काम कर सकते हैं जब आप एक कार्यप्रवाह की योजना बनाते हैं।
संपादन के लिए HSV का उपयोग करें, भंडारण के लिए RGB
- HSV में प्रयोग करें: ह्यू, संतृप्ति, और मान को समायोजित करें जब तक रंग सही न लगे, फिर अपने अंतिम टोकन के लिए RGB में परिवर्तित करें।
- कोड में RGB रखें: RGB मानों को प्रोग्रामेटिक रूप से संभालना आसान है और मौजूदा लाइब्रेरी और प्रारूपों के साथ अच्छी तरह से काम करते हैं।
अन्य रंग प्रारूपों के साथ संयोजन करें
- परिवर्तित करते समय RGB के माध्यम से चलें: भले ही आप ज्यादातर HSL या HEX में सोचते हों, रूपांतरण आमतौर पर मॉडल के बीच एक पुल के रूप में RGB का उपयोग करते हैं।
- पारदर्शिता के लिए RGBA का उपयोग करें: मूल रंग को RGB में रखें और केवल उन स्थानों पर एक अल्फा चैनल जोड़ें जहाँ आपको ओवरले या नरम किनारे की आवश्यकता हो।
सिस्टम को सुसंगत रखें
- स्पष्ट नियम परिभाषित करें: तय करें कि HSV का उपयोग कहाँ किया जाता है (उदाहरण के लिए, पिकर्स या संपादन उपकरणों में) और RGB अंतिम प्रारूप है।
- कन्वर्टर्स पर भरोसा करें: थीम और पैलेट को कोडबेस में सटीक बनाए रखने के लिए मैनुअल गणित के बजाय सहायक उपकरण का उपयोग करें।
संपादन के लिए HSV और कार्यान्वयन के लिए RGB के बीच एक जानबूझकर विभाजन के साथ, आपको सहज नियंत्रण और पूर्वानुमानित रेंडरिंग दोनों मिलते हैं।
HSV से RGB रूपांतरण तालिका
नीचे दी गई तालिका में कई प्रसिद्ध रंगों को HSV और RGB रूपों में लिखा गया है। मान पठनीयता के लिए गोल किए गए हैं, इसलिए जब आपको सटीक संख्याओं की आवश्यकता हो तो पृष्ठ के शीर्ष पर कनवर्टर का उपयोग करें।
| विवरण | HSV | RGB |
|---|---|---|
| सफेद | hsv(0, 0%, 100%) | rgb(255, 255, 255) |
| काला | hsv(0, 0%, 0%) | rgb(0, 0, 0) |
| लाल | hsv(0, 100%, 100%) | rgb(255, 0, 0) |
| हरा | hsv(120, 100%, 100%) | rgb(0, 255, 0) |
| नीला | hsv(240, 100%, 100%) | rgb(0, 0, 255) |
| पीला | hsv(60, 100%, 100%) | rgb(255, 255, 0) |
| सियान | hsv(180, 100%, 100%) | rgb(0, 255, 255) |
| मैजेंटा | hsv(300, 100%, 100%) | rgb(255, 0, 255) |
| ग्रे 1 | hsv(0, 0%, 7%) | rgb(17, 17, 17) |
| ग्रे 2 | hsv(0, 0%, 20%) | rgb(51, 51, 51) |
| ग्रे 3 | hsv(0, 0%, 33%) | rgb(85, 85, 85) |
| ग्रे 4 | hsv(0, 0%, 47%) | rgb(119, 119, 119) |
| ग्रे 5 | hsv(0, 0%, 60%) | rgb(153, 153, 153) |
| ग्रे 6 | hsv(0, 0%, 80%) | rgb(204, 204, 204) |
| नारंगी | hsv(39, 100%, 100%) | rgb(255, 165, 0) |
| बैंगनी | hsv(300, 100%, 50%) | rgb(128, 0, 128) |
| टील | hsv(180, 100%, 50%) | rgb(0, 128, 128) |
किसी अन्य HSV संयोजन के लिए आप पृष्ठ के शीर्ष पर कनवर्टर पर भरोसा कर सकते हैं, जो मान्य इनपुट के लिए मानक HSV से RGB एल्गोरिदम को लागू करता है।
FAQ: HSV से RGB
- HSV को RGB में परिवर्तित करने की आवश्यकता क्यों है
कई उपकरण रंगों को इंटरैक्टिव संपादन के लिए HSV में दर्शाते हैं, लेकिन रेंडरिंग इंजन और CSS अक्सर RGB की आवश्यकता होती है। रूपांतरण आपको एक सहज संपादन मॉडल बनाए रखने की अनुमति देता है जबकि फिर भी आपके स्टैक की अपेक्षाओं के अनुसार प्रारूप आउटपुट करता है।
- H, S, और V कौन से रेंज का उपयोग करते हैं
ह्यू को 0 से 360 डिग्री में मापा जाता है। संतृप्ति और मान 0 प्रतिशत से 100 प्रतिशत तक के प्रतिशत हैं। एक सामान्य CSS और ग्राफिक्स प्रतिनिधित्व इस रेंज का उपयोग करता है भले ही अंतर्निहित गणित भिन्नों के साथ काम करता हो।
- क्या RGB में परिवर्तित करने से रंग बदलता है
नहीं। HSV और RGB दोनों एक ही रंग स्थान का वर्णन करते हैं। सही तरीके से परिवर्तित RGB त्रैतीयक मूल HSV मान के समान दिखेगा जब प्रदर्शित किया जाएगा।
- क्या मैं RGB से HSV में वापस जा सकता हूँ
हाँ। जब तक मान मान्य रेंज में रहते हैं, आप बिना जानकारी खोए HSV और RGB के बीच जा सकते हैं, छोटे गोलाई के अंतर को छोड़कर।
- क्या सभी मामलों में HSV RGB से बेहतर है
जरूरी नहीं। HSV संपादन और पिकर्स के लिए शानदार है, जबकि RGB कम स्तर के काम, भंडारण, और कई APIs के लिए बेहतर है। स्पष्ट रूपांतरण नियमों के साथ दोनों मॉडलों का एक साथ उपयोग करना सामान्य है।