रंग चयनकर्ता और कनवर्टर

पारदर्शिता समर्थन के साथ रंगों को दृश्य रूप से चुनें और HEX, RGBA, HSLA, HSV/HSB और CMYK प्रारूपों के बीच रूपांतरित करें।

रंग मॉडल के बारे में अधिक जानकारी

रंग मॉडल

रंग मॉडल रंगों को संख्याओं के रूप में वर्णित करने की एक प्रणाली है। विभिन्न मॉडल विभिन्न संदर्भों में उपयोग किए जाते हैं, यह इस पर निर्भर करता है कि आउटपुट स्क्रीन है, प्रिंटर है, या डिज़ाइन विनिर्देश है।

RGB / RGBA
प्रारूप

RGB लाल, हरे और नीले प्रकाश को मिलाकर रंगों को परिभाषित करता है। प्रत्येक चैनल 0 से 255 तक होता है। rgb(255, 0, 0) शुद्ध लाल है। rgb(255, 255, 255) सफेद है। A (अल्फा) चैनल पारदर्शिता जोड़ता है, जो 0 (पूर्ण पारदर्शी) से 1 (पूर्ण अपारदर्शी) तक होता है। उदाहरण के लिए, rgba(255, 0, 0, 0.5) अर्ध-पारदर्शी लाल है। RGB स्क्रीन और डिजिटल डिस्प्ले के लिए मूल रंग मॉडल है।

इतिहास

RGB मॉडल 19वीं सदी के यंग-हेल्महोल्ट्ज़ त्रिवर्णी रंग दृष्टि सिद्धांत में निहित है। जेम्स क्लर्क मैक्सवेल ने 1861 में पहले RGB रंग फोटोग्राफी प्रयोग किए। 1930 और 1940 के दशक में रंगीन CRT टेलीविजन के विकास के साथ RGB इलेक्ट्रॉनिक डिस्प्ले का मानक बन गया, और बाद में कंप्यूटर मॉनिटरों के लिए अपनाया गया। sRGB रंग स्थान को जनवरी 1997 में HTML 3.2 में वेब मानक के रूप में औपचारिक रूप से अपनाया गया।

HEX / HEXA
प्रारूप

HEX हेक्साडेसिमल का उपयोग करके RGB मानों के लिए एक संक्षिप्त अंकन है। #FF0000 वही है जो rgb(255, 0, 0) है। हेक्स अंकों की प्रत्येक जोड़ी एक चैनल को दर्शाती है: #RRGGBB। 8-अंकीय रूप #RRGGBBAA एक अल्फा चैनल जोड़ता है, जहाँ 00 पूर्ण पारदर्शी और FF पूर्ण अपारदर्शी है। उदाहरण के लिए, #FF000080 50% अपारदर्शिता पर लाल है। #F00 जैसे संक्षिप्त रूप #FF0000 में विस्तारित होते हैं।

इतिहास

हेक्स रंग अंकन 1990 के दशक के मध्य में प्रारंभिक वेब ब्राउज़रों में उत्पन्न हुआ। Mosaic और Netscape Navigator के पहले संस्करणों ने X11 रंग नाम प्रणाली विरासत में ली। दिसंबर 1996 में हाकोन विम ली और बर्ट बोस द्वारा प्रकाशित CSS Level 1 ने वेब पर रंग निर्दिष्ट करने के प्राथमिक तरीके के रूप में हेक्स त्रिगुणों को औपचारिक रूप से मानकीकृत किया।

HSL / HSLA
प्रारूप

HSL रंग को ह्यू, संतृप्ति और हल्कापन के रूप में वर्णित करता है। ह्यू रंग चक्र पर एक डिग्री (0-360) है: 0 लाल, 120 हरा, 240 नीला। संतृप्ति (0-100%) रंग की तीव्रता को नियंत्रित करती है। हल्कापन (0-100%) चमक को नियंत्रित करता है, जहाँ 0% काला और 100% सफेद है। HSL अक्सर रंग चुनने के लिए RGB से अधिक सहज होता है क्योंकि आप चमक और संतृप्ति को स्वतंत्र रूप से समायोजित कर सकते हैं।

इतिहास

HSL को पहली बार 1978 में जॉर्ज एच. जोबलोव और डोनाल्ड ग्रीनबर्ग ने Computer Graphics में एक पेपर में वर्णित किया। इसे RGB की एक मूलभूत समस्या को हल करने के लिए बनाया गया था: लाल, हरे और नीले मानों को मिलाना मनुष्यों के लिए अनपेक्षित है। HSL RGB रंग स्थान को पुनर्व्यवस्थित करता है ताकि कलाकार और डिज़ाइनर रंग (ह्यू), जीवंतता (संतृप्ति), और चमक (हल्कापन) के संदर्भ में सोच सकें, जो लोगों द्वारा रंगों का स्वाभाविक रूप से वर्णन करने के अधिक निकट है।

HSV / HSB
प्रारूप

HSV (ह्यू, संतृप्ति, मान) HSL के समान है लेकिन हल्कापन के बजाय "मान" (चमक) का उपयोग करता है। 100% मान पर, पूरी तरह संतृप्त रंग शुद्ध और चमकीले होते हैं। HSV रंग चयनकर्ताओं के काम करने के तरीके से अधिक स्वाभाविक रूप से मेल खाता है: संतृप्ति/चमक पैनल S और V को समायोजित करता है जबकि ह्यू स्लाइडर H को समायोजित करता है।

इतिहास

HSV को अगस्त 1978 में अल्वी रे स्मिथ ने न्यूयॉर्क इंस्टीट्यूट ऑफ टेक्नोलॉजी के कंप्यूटर ग्राफिक्स लैब में काम करते हुए वर्णित किया। इसे HSL के साथ Computer Graphics के उसी अंक में प्रकाशित किया गया। स्मिथ ने एक प्रारंभिक डिजिटल पेंटिंग प्रोग्राम में उपयोग के लिए HSV डिज़ाइन किया, जहाँ कलाकारों को स्क्रीन पर रंग चुनने के लिए एक सहज तरीके की आवश्यकता थी। HSV के सिलेंडर मॉडल ने इसे ह्यू स्लाइडर और संतृप्ति/चमक पैनल के साथ रंग चयनकर्ता के रूप में लागू करना स्वाभाविक बना दिया।

CMYK
प्रारूप

CMYK (सियान, मैजेंटा, पीला, कुंजी/काला) मुद्रण में उपयोग किया जाता है। जबकि RGB योगात्मक (प्रकाश) है, CMYK घटात्मक (स्याही) है। प्रत्येक मान उस स्याही के लागू प्रतिशत को दर्शाता है। cmyk(0, 100, 100, 0) लाल रंग उत्पन्न करता है। RGB और CMYK के बीच रूपांतरण अनुमानित है क्योंकि वे विभिन्न रंग श्रेणियों (गैमट) को कवर करते हैं।

इतिहास

CMYK की नींव जैकब क्रिस्टोफ ले ब्लों से मिलती है, जिन्होंने 1710 के आसपास अलग-अलग तांबे की प्लेटों का उपयोग करके हाफ़टोन रंग मुद्रण का आविष्कार किया। उन्होंने शुरू में लाल, पीली और नीली प्लेटों का उपयोग किया, और बाद में तेज रूपरेखा और पाठ के लिए एक काली प्लेट जोड़ी। आधुनिक चार-रंग CMYK प्रक्रिया 1890 के दशक में रंगीन समाचार पत्र चित्रों के लिए पहली बार लागू की गई। काली प्लेट को "कुंजी" प्लेट कहा जाता है क्योंकि यह बारीक विवरण रखती है जिसके अनुसार अन्य प्लेटें संरेखित की जाती हैं।

CSS रंग प्रारूप

आधुनिक CSS कई रंग अंकनों का समर्थन करता है:

  • #FF5733 या #ff5733 (HEX)
  • rgb(255, 87, 51) या rgba(255, 87, 51, 0.5)
  • hsl(14, 100%, 60%) या hsla(14, 100%, 60%, 0.5)
  • नामित रंग: red, cornflowerblue, rebeccapurple (कुल 148 नामित रंग)