Color Picker

कलर पिकर वेब 2026 में सबसे अच्छा मुफ्त ऑनलाइन कलर पिकर है HEX, RGB, HSL, CMYK, HSB, LAB सहित 20+ रंग प्रारूपों का समर्थन करता है। XYZ, HWB, और भी बहुत कुछ। इसमें लाइव कलर व्हील, WCAG कंट्रास्ट शामिल है चेकर, रंग अंधापन सिम्युलेटर, पैलेट जनरेटर, छवि रंग पिकर, और 6 हार्मनी प्रकार - बिना किसी साइनअप के पूरी तरह से मुफ़्त आवश्यक.

किसी छवि से HEX रंग कोड ढूंढने के लिए, छवि रंग पिकर का उपयोग करें कलर पिकर वेब पर। कोई भी फ़ोटो अपलोड करें, अपने इच्छित क्षेत्र पर होवर करें नमूना लेने के लिए, और सटीक HEX, RGB और HSL कोड निकालने के लिए क्लिक करें किसी भी पिक्सेल से. आप यहां से पूर्ण रंग पैलेट स्वतः उत्पन्न भी कर सकते हैं एक क्लिक में छवि.

एक रंग बीनने वाला उपकरण आपको रंगों का चयन करने, परिवर्तित करने और उनका विश्लेषण करने की सुविधा देता है। यह कई प्रारूपों (HEX, RGB, HSL, CMYK) में रंग मान दिखाता है, पूरक रंग पैलेट उत्पन्न करता है, WCAG पहुंच की जांच करता है कंट्रास्ट अनुपात, रंग अंधापन का अनुकरण करता है, और रंग निकालता है अपलोड की गई छवियां. यह वेब डिज़ाइनरों, डेवलपर्स आदि के लिए आवश्यक है ब्रांड डिजाइनर.

HEX को RGB में बदलने के लिए, उपरोक्त रूपांतरण टूल का उपयोग करें। कोई भी HEX दर्ज करें कोड (उदा. #9333ea) और तुरंत आरजीबी आउटपुट (147, 51, 234) प्राप्त करें। मैन्युअल रूप से: HEX को 3 जोड़ियों (93, 33, ea) में विभाजित करें, प्रत्येक को परिवर्तित करें हेक्साडेसिमल से दशमलव. आर=147, जी=51, बी=234। कलर पिकर वेब करता है यह सभी 20+ प्रारूपों के लिए तुरंत उपलब्ध है।

WCAG 2.2 के अनुसार, सामान्य के लिए न्यूनतम रंग कंट्रास्ट अनुपात पाठ 4.5:1 (स्तर एए) और 7:1 (स्तर एएए) है। बड़े पाठ के लिए (18pt+) या 14पीटी+ बोल्ड), एए के लिए न्यूनतम 3:1 और एएए के लिए 4.5:1 है। यूआई घटकों और आइकन को आसन्न के मुकाबले कम से कम 3:1 कंट्रास्ट की आवश्यकता होती है रंग. अपने रंगों का परीक्षण करने के लिए उपरोक्त WCAG कंट्रास्ट चेकर का उपयोग करें।

किसी वेबसाइट से रंग चुनने के लिए: (1) ब्राउज़र DevTools का उपयोग करें - किसी भी तत्व पर राइट-क्लिक करें, उसका निरीक्षण करें और रंग नमूने पर क्लिक करें सीएसएस पैनल. (2) ColorZilla जैसे ब्राउज़र एक्सटेंशन का उपयोग करें। (3) एक लो स्क्रीनशॉट लें और इसे कलर पिकर वेब के इमेज कलर पिकर पर अपलोड करें किसी भी पिक्सेल का नमूना लें. Chrome DevTools में एक अंतर्निर्मित आईड्रॉपर भी है रंग बीनने वाला पैनल.

HSL का मतलब ह्यू, सैचुरेशन और लाइटनेस है। रंग (0°-360°) है रंग चक्र पर रंग प्रकार. संतृप्ति (0%-100%) कितनी ज्वलंत या है ग्रे रंग है. हल्कापन (0%-100%) यह दर्शाता है कि कितना अंधेरा या कितना प्रकाश है रंग दिखाई देता है. उदाहरण: एचएसएल(270, 81%, 56%) एक मध्यम बैंगनी रंग है। एचएसएल सीएसएस एनिमेशन और गतिशील रंग थीम के लिए सबसे अच्छा प्रारूप है क्योंकि प्रत्येक संपत्ति को स्वतंत्र रूप से समायोजित किया जा सकता है।

Complementary colors are pairs of colors that sit directly opposite each other on the color wheel, 180° apart. Examples: red & green, blue & orange, purple & yellow. When placed side by side, complementary colors create strong contrast and make each color appear more vivid. They are commonly used for CTAs, logos, and high-impact UI elements.

कलर पिकर टूल एक डिजिटल उपयोगिता है जो उपयोगकर्ताओं को चयन करने की अनुमति देता है कोई भी रंग और उसका सटीक कोड कई प्रारूपों में पुनर्प्राप्त करें - HEX, आरजीबी, एचएसएल, सीएमवाईके, और बहुत कुछ। इसका उपयोग यूआई/यूएक्स डिजाइनरों द्वारा दैनिक रूप से किया जाता है इंटरफ़ेस रंग चुनें, वेब डेवलपर्स सीएसएस रंग मानों को कोड करें, ब्रांड डिजाइनरों को रंग स्थिरता बनाए रखने के लिए, फोटोग्राफरों को छवियों से रंग निकालें, और पैलेट के लिए डिजिटल कलाकार सृजन. कलर पिकर वेब सबसे व्यापक निःशुल्क रंग है 2026 में उपलब्ध पिकर, 20+ रंग प्रारूपों, WCAG का समर्थन करता है अभिगम्यता जांच, रंग अंधापन सिमुलेशन, और 18 भाषाएँ।

एक HEX रंग कोड एक 6-वर्ण का हेक्साडेसिमल प्रतिनिधित्व है वेब डिज़ाइन और सीएसएस में उपयोग किया जाने वाला रंग। इसकी शुरुआत # चिह्न से होती है वर्णों के तीन जोड़े (00-एफएफ) द्वारा, प्रत्येक का प्रतिनिधित्व करता है लाल, हरे और नीले चैनलों की तीव्रता। उदाहरण के लिए: #FF0000 है शुद्ध लाल (R=255, G=0, B=0), #FFFFFF सफेद है (सभी चैनल)। अधिकतम), और #000000 काला है (सभी चैनल शून्य पर)। आशुलिपि #F00 जैसे 3-अंकीय HEX कोड #FF0000 तक विस्तारित होते हैं। हेक्स सबसे ज्यादा है HTML, CSS, SVG और डिज़ाइन में सार्वभौमिक रूप से समर्थित रंग प्रारूप फिग्मा जैसे उपकरण।

किसी वेबसाइट के लिए रंग चुनने के लिए: (1) अपने ब्रांड के प्राथमिक रंग से शुरुआत करें एचएसएल का उपयोग करके रंग भरें और पूर्ण 9-स्टॉप कलर स्केल (50-900) बनाएं समायोजन. (2) 60-30-10 नियम लागू करें - 60% तटस्थ पृष्ठभूमि, 30% द्वितीयक रंग, सीटीए के लिए 10% उच्चारण। (3) सभी का सत्यापन करें टेक्स्ट/पृष्ठभूमि संयोजन WCAG AA कंट्रास्ट (न्यूनतम 4.5:1) पास करते हैं सामान्य पाठ के लिए)। (4) का उपयोग करके सामंजस्यपूर्ण उच्चारण रंग उत्पन्न करें कलर हार्मनी टूल - त्रियादिक या विभाजित-पूरक योजनाएं काम करती हैं वेबसाइटों के लिए सर्वोत्तम. (5) प्रत्येक रंग संयोजन का एक रंग से परीक्षण करें सभी उपयोगकर्ताओं के लिए पहुंच सुनिश्चित करने के लिए अंधापन सिम्युलेटर।

ब्रांड रंग चुनने के लिए: (1) रंग मनोविज्ञान पर शोध करें - नीला रंग विश्वास, हरा संकेत विकास, लाल तात्कालिकता पैदा करता है, बैंगनी सुझाव देता है विलासिता और रचनात्मकता. (2) अपने उद्योग - प्रौद्योगिकी ब्रांडों का विश्लेषण करें नीले और भूरे रंग को प्राथमिकता दें, स्वास्थ्य ब्रांड हरे रंग का उपयोग करें, लक्जरी ब्रांड उपयोग करें सोना, काला, या गहरा बैंगनी। (3) एक प्राथमिक ब्रांड रंग चुनें आपके ब्रांड की मूल भावना को दर्शाता है। (4) एक पूर्ण रंग स्केल बनाएं एचएसएल विधि का उपयोग करके अपने प्राथमिक से। (5) एक माध्यमिक और चुनें सामंजस्य सिद्धांत का उपयोग करते हुए उच्चारण रंग। (6) सत्यापित करें कि सभी संयोजन पास हो गए हैं WCAG अभिगम्यता मानक। डिज़ाइन टोकन के रूप में दस्तावेज़ सभी प्लेटफार्मों पर एकरूपता।

HEX, RGB, और HSL एक ही रंग को दर्शाने के तीन तरीके हैं: हेक्स (#9333ea) एक कॉम्पैक्ट 6-अंकीय हेक्साडेसिमल प्रारूप है जो सीएसएस के लिए आदर्श है और HTML - सबसे व्यापक रूप से समर्थित। आरजीबी (आरजीबी(147, 51, 234)) 0-255 से लाल, हरे और नीले चैनल मानों द्वारा रंग को परिभाषित करता है - सर्वोत्तम जावास्क्रिप्ट कैनवास, एसवीजी और स्क्रीन रेंडरिंग के लिए। एचएसएल (एचएसएल(270, 81%, 56%)) ह्यू कोण (0-360°), संतृप्ति द्वारा रंग को परिभाषित करता है (0-100%), और हल्कापन (0-100%) - डिजाइनरों के लिए सबसे सहज ज्ञान युक्त प्रत्येक संपत्ति स्वतंत्र रूप से समायोज्य है, जो इसे सीएसएस एनिमेशन के लिए आदर्श बनाती है और गतिशील थीम। तीनों समान रंगों का वर्णन करते हैं लेकिन अलग-अलग परोसते हैं कार्यप्रवाह

RGB और CMYK मौलिक रूप से अलग-अलग रंग के मॉडल हैं आउटपुट प्रकार. आरजीबी (लाल, हरा, नीला) एक योगात्मक रंग है डिजिटल स्क्रीन के लिए उपयोग किया जाने वाला मॉडल - रंगों का संयोजन प्रकाश जोड़ता है, और मिश्रण सभी चैनल अधिकतम सफेद रंग उत्पन्न करते हैं। सीएमवाईके (सियान, मैजेंटा, पीला, कुंजी/काला) एक घटिया रंग मॉडल है जिसका उपयोग भौतिक मुद्रण में किया जाता है - स्याही को मिलाने से प्रकाश अवशोषित हो जाता है, और सभी को मिलाने से काला पैदा होता है। हमेशा डिजिटल/स्क्रीन आउटपुट के लिए आरजीबी में डिज़ाइन। भेजने से पहले CMYK में कनवर्ट करें वाणिज्यिक प्रिंटरों के लिए फ़ाइलें। रूपांतरण कभी भी सही नहीं होता - कुछ आरजीबी रंगों (विशेष रूप से चमकीले संतृप्त रंगों) को पुन: प्रस्तुत नहीं किया जा सकता है सीएमवाईके प्रिंट.

एचएसबी (रंग, संतृप्ति, चमक) और एचएसवी (रंग, संतृप्ति, मूल्य) अलग-अलग नामों वाले एक ही रंग के मॉडल हैं। रंग (0°-360°) रंग परिवार की पहचान करता है। संतृप्ति (0-100%) जीवंतता को नियंत्रित करती है धूसर से पूर्णतः ज्वलंत तक। चमक/मान (0-100%) नियंत्रित करता है कि कैसे रंग बहुत अधिक प्रकाश उत्सर्जित करता प्रतीत होता है, काले (0%) से लेकर पूर्णतः तक उज्ज्वल (100%). Adobe Photoshop में HSB डिफ़ॉल्ट मॉडल है, इलस्ट्रेटर, और फिग्मा का रंग चयनकर्ता, इसे आवश्यक बनाता है डिज़ाइनर इन उपकरणों का उपयोग कर रहे हैं। यह हल्केपन में एचएसएल से भिन्न है और चमक की गणना की जाती है - एचएसएल में, 50% चमक शुद्ध है रंग, जबकि एचएसबी में, 100% चमक शुद्ध रंग है।

LAB (CIELAB) और XYZ (CIEXYZ) अवधारणात्मक रूप से डिवाइस-स्वतंत्र हैं मानव दृष्टि विज्ञान पर आधारित समान रंग स्थान। XYZ सभी आधुनिक रंग विज्ञान की नींव है - यह रंगों को कैसे मैप करता है मानव आँख उन्हें तीन शंकु (X, Y, Z संगत) का उपयोग करके देखती है मोटे तौर पर लाल, हरे, नीले रंग की संवेदनशीलता के लिए)। लैब व्युत्पन्न है XYZ से और डिज़ाइन किया गया है ताकि समान संख्यात्मक दूरियां समान का प्रतिनिधित्व करें कथित रंग अंतर, इसे रंग तुलना, छवि के लिए आदर्श बनाता है प्रसंस्करण, मशीन लर्निंग और प्रिंट गुणवत्ता नियंत्रण। दोनों का उपयोग किया जाता है पेशेवर रंग प्रबंधन, आईसीसी रंग प्रोफाइल और उन्नत छवि में वर्कफ़्लो संपादित करना. CSS अब color(xyz…) और lab(…) सिंटैक्स दोनों का समर्थन करता है आधुनिक ब्राउज़रों में.

कलर पिकर वेब पर इमेज कलर पिकर आपको सटीक रंग निकालने की सुविधा देता है किसी भी तस्वीर, स्क्रीनशॉट, लोगो या कलाकृति के रंग। कोई भी अपलोड करें छवि फ़ाइल, फिर तुरंत उसका HEX निकालने के लिए किसी भी पिक्सेल पर क्लिक करें, आरजीबी, और एचएसएल मान। उपकरण स्वचालित रूप से एक भी उत्पन्न करता है आपकी छवि में प्रमुख रंगों से संपूर्ण रंग पैलेट। यह मौजूदा सामग्रियों से ब्रांड के रंगों के मिलान के लिए उपयोगी है, मूड बोर्ड से पैलेट बनाना, उत्पाद से रंग निकालना प्रतिस्पर्धी से तस्वीरें, और रिवर्स-इंजीनियरिंग रंग योजनाएं वेबसाइटें। किसी खाते या सॉफ़्टवेयर इंस्टॉलेशन की आवश्यकता नहीं है - काम करता है पूरी तरह से ब्राउज़र में.

कलर पिकर वेब सभी छह प्रमुख रंग सद्भाव प्रकारों का समर्थन करता है रंग पहिया सिद्धांत: पूरक - दो रंग सीधे विपरीत (180° दूर), अधिकतम कंट्रास्ट। विभाजित-पूरक - एक आधार रंग और उसके पूरक से सटे दो रंग (150° और 210°). त्रिकोणीय - तीन समान दूरी वाले रंग (120° दूर), संतुलित और जीवंत. अनुरूप - तीन आसन्न रंग (30° दूर), सामंजस्यपूर्ण और प्राकृतिक। मोनोक्रोमैटिक — विभिन्न संतृप्ति और हल्केपन स्तरों पर एक ही रंग की विविधताएँ। टेट्राडिक - चार रंग समान दूरी पर (90° दूर), जटिल और समृद्ध. सभी सामंजस्यों की गणना वास्तविक समय में गणितीय रूप से की जाती है जैसे आप रंग चुनते हैं.

हां, कलर पिकर वेब का उपयोग पूरी तरह से मुफ़्त है - प्रत्येक सुविधा रंग बीनने वाला, पैलेट जनरेटर, छवि रंग बीनने वाला, WCAG कंट्रास्ट चेकर, रंग अंधापन सिम्युलेटर, रंग सामंजस्य, टिंट्स और शेड्स जनरेटर, और सभी 20+ रंग प्रारूप रूपांतरण हैं बिना किसी कीमत पर उपलब्ध. कोई खाता, ईमेल पता या पंजीकरण नहीं है आवश्यक. यहां कोई विज्ञापन नहीं है, कोई उपयोग सीमा नहीं है, और कोई प्रीमियम स्तर नहीं है - सभी सुविधाएँ स्थायी रूप से निःशुल्क हैं। यह टूल 18 में भी उपलब्ध है भाषाएँ: अंग्रेजी, हिंदी, स्पेनिश, रूसी, फ्रेंच, जर्मन, इतालवी, पुर्तगाली, बंगाली, जापानी, कोरियाई, मलय, पोलिश, इंडोनेशियाई, अरबी, बल्गेरियाई, तुर्की और स्वीडिश।

WCAG (वेब कंटेंट एक्सेसिबिलिटी दिशानिर्देश) रंग कंट्रास्ट आवश्यकताएँ सुनिश्चित करती हैं कि पाठ कम दृष्टि वाले उपयोगकर्ताओं द्वारा पढ़ने योग्य है, रंग अंधापन, या उम्र बढ़ने वाली आँखें। कंट्रास्ट अनुपात मापता है पाठ के रंग और उसकी पृष्ठभूमि के बीच चमक का अंतर - लेकर 1:1 (कोई विरोधाभास नहीं) से 21:1 (अधिकतम, सफेद पर काला)। डब्ल्यूसीएजी 2.2 स्तर एए के लिए सामान्य पाठ के लिए न्यूनतम 4.5:1 अनुपात और 3:1 के अनुपात की आवश्यकता होती है बड़ा पाठ. सामान्य पाठ के लिए स्तर AAA को 7:1 की आवश्यकता होती है। गैर-अनुपालन एडीए (यूएसए), ईएए (यूरोप) और के तहत कानूनी दायित्व हो सकता है धारा 508. अमेरिका में 4,600 से अधिक सुगम्यता मुकदमे दायर किये गये अकेले 2023 में, सबसे आम तौर पर उद्धृत विपरीत विफलताओं के साथ मुद्दे.

कलर पिकर वेब 8 प्रकार की रंग दृष्टि की कमी का अनुकरण करता है: प्रोटानोपिया - लाल अंधापन (पुरुषों का 1.3%)। प्रोटानोमली - कम हो गया लाल संवेदनशीलता (पुरुषों का 1.3%)। ड्यूटेरानोपिया - हरा अंधापन (1.2% पुरुष)। ड्यूटेरानोमली - हरित संवेदनशीलता में कमी (5% पुरुष, सबसे आम प्रकार)। ट्रिटानोपिया - नीला अंधापन (जनसंख्या का 0.001%)। ट्रिटानोमली - कम हो गया नीली संवेदनशीलता (दुर्लभ)। एक्रोमैटोप्सिया - पूर्ण रंग अंधापन, केवल ग्रेस्केल देखता है (जनसंख्या का 0.003%)। एक्रोमैटोमली - सभी चैनलों में रंग धारणा में कमी (बहुत दुर्लभ)। प्रत्येक अनुकरण आपके चयनित रंग पर लागू नैदानिक रंग परिवर्तन मैट्रिक्स का उपयोग करता है वास्तविक समय में.

यूआई डिज़ाइन में रंग मनोविज्ञान अध्ययन करता है कि रंग उपयोगकर्ता को कैसे प्रभावित करते हैं भावनाएँ, धारणाएँ और व्यवहार। प्रमुख संघ: नीला - विश्वास, विश्वसनीयता, शांति (फेसबुक, ट्विटर, पेपाल, लिंक्डइन द्वारा प्रयुक्त)। हरा - विकास, स्वास्थ्य, प्रकृति, सफलता (Spotify द्वारा प्रयुक्त, व्हाट्सएप, संपूर्ण-खाद्य ब्रांड)। लाल - तत्परता, जुनून, ऊर्जा, भूख (बिक्री बैनर, खाद्य ब्रांड, सीटीए के लिए प्रयुक्त)। बैंगनी - विलासिता, रचनात्मकता, ज्ञान (कैडबरी, हॉलमार्क, सौंदर्य ब्रांडों द्वारा प्रयुक्त)। पीला - आशावाद, गर्मजोशी, ध्यान (चेतावनी के लिए प्रयुक्त, बिक्री पर प्रकाश डाला गया)। नारंगी - उत्साह, मित्रता (प्रयुक्त)। अमेज़ॅन, फैंटा, हार्ले-डेविडसन द्वारा)। रंग मनोविज्ञान रूपांतरण को प्रभावित करता है दरें, ब्रांड धारणा और उपयोगकर्ता प्रतिधारण।

एक डिज़ाइन सिस्टम रंग पैलेट के निर्माण में 5 चरण शामिल हैं: (1) परिभाषित करें आपका प्राथमिक ब्रांड रंग और इसे एचएसएल में परिवर्तित करें। (2) ए उत्पन्न करें हल्केपन को व्यवस्थित रूप से समायोजित करके 9-स्टॉप कलर स्केल (50-900) - पृष्ठभूमि और रंगों के लिए हल्का स्टॉप (50-300), गहरा स्टॉप (600-900) टेक्स्ट और डार्क मोड के लिए। (3) माध्यमिक, उच्चारण के लिए दोहराएँ, सफलता, चेतावनी, त्रुटि और तटस्थ रंग। (4) शब्दार्थ सृजन करना टोकन (--रंग-प्राथमिक, --रंग-प्राथमिक-होवर, --रंग-सतह) वह संदर्भ आपका पैमाना रुक जाता है। (5) प्रत्येक पाठ/पृष्ठभूमि को सत्यापित करें संयोजन WCAG AA पास करता है। अपना रंग उत्पन्न करने के लिए कलर पिकर वेब का उपयोग करें स्केल, कंट्रास्ट सत्यापित करें, और HEX/HSL मानों को डिज़ाइन टोकन के रूप में निर्यात करें फिग्मा या सीएसएस के लिए।

60-30-10 नियम निर्माण के लिए एक क्लासिक डिज़ाइन सिद्धांत है संतुलित, देखने में आकर्षक रंग योजनाएं। 60% - प्रमुख/तटस्थ रंग (पृष्ठभूमि, दीवारें, बड़ी सतहें) - आमतौर पर हल्का तटस्थ समग्र स्वर सेट करता है. 30% - द्वितीयक रंग (फर्नीचर, हेडर, साइडबार) - प्रमुख को पूरक करता है और गहराई जोड़ता है। 10% - उच्चारण रंग (सीटीए, बटन, हाइलाइट्स, महत्वपूर्ण लिंक) - बनाता है दृश्य रुचि और प्रमुख कार्यों की ओर ध्यान आकर्षित करता है। वेब डिज़ाइन में यह इसका अनुवाद इस प्रकार है: 60% पृष्ठभूमि और आधार सतहें, 30% सामग्री क्षेत्र और द्वितीयक यूआई तत्व, 10% प्राथमिक बटन, सक्रिय स्थिति और महत्वपूर्ण मुख्य आकर्षण. यह अनुपात पदानुक्रम को बनाए रखते हुए दृश्य अधिभार को रोकता है।

सापेक्ष चमक किसी रंग की अनुमानित चमक को मापती है 0 (काला) से 1 (सफ़ेद) का पैमाना। गणना: (1) प्रत्येक को परिवर्तित करें आरजीबी चैनल (0-255) को दशमलव (0-1) तक 255 से विभाजित करके। (2) गामा सुधार हटाएं: यदि मान ≤ 0.04045 है, तो 12.92 से विभाजित करें; अन्यथा लागू करें (मान + 0.055)/1.055 को 2.4 की शक्ति तक बढ़ाएँ। (3) भारित सूत्र लागू करें: एल = 0.2126 × आर + 0.7152 × जी + 0.0722 × बी. वज़न मानव आंख की संवेदनशीलता को दर्शाता है - सबसे अधिक हरे रंग के प्रति संवेदनशील, लाल के प्रति कम, नीले के प्रति सबसे कम। (4) कंट्रास्ट अनुपात = (एल_लाइटर + 0.05) / (एल_डार्कर + 0.05)। 0.05 ऑफसेट दर्शाता है एक विशिष्ट डिस्प्ले पर परिवेशी प्रकाश। कलर पिकर वेब यह कार्य करता है तुरंत गणना.

एचएसएल (रंग, संतृप्ति, हल्कापन) और एचएसबी/एचएसवी (रंग, संतृप्ति, चमक/मूल्य) दोनों रंग और संतृप्ति का उपयोग करते हैं लेकिन इसमें भिन्नता है तीसरा चैनल. में एचएसएल, हल्कापन 50% है शुद्ध, पूर्णतः संतृप्त रंग; 0% काला है और 100% सफेद है। यह है सममित. में एचएसबी/एचएसवी, चमक/मान 100% है शुद्ध रंग; अन्य मानों की परवाह किए बिना 0% हमेशा काला होता है। एचएसबी रंगों का चयन करना अधिक सहज है क्योंकि आप पहले चुन सकते हैं 100% चमक पर ज्वलंत रंग और फिर इसे गहरा करना - इसे बनाना फोटोशॉप, फिग्मा और इलस्ट्रेटर में डिफ़ॉल्ट। एचएसएल अधिक है सीएसएस के लिए सहज ज्ञान युक्त क्योंकि आप अंधेरे के बीच आसानी से अंतरण कर सकते हैं और एक ही रंग के हल्के संस्करण।

एडिटिव कलर मिक्सिंग (आरजीबी) और सबट्रैक्टिव कलर मिक्सिंग (सीएमवाईके) हैं दो मौलिक रंग मॉडल। एडिटिव (आरजीबी) - प्रयुक्त प्रकाश उत्सर्जक उपकरणों (स्क्रीन, प्रोजेक्टर, एलईडी) द्वारा। रंग बनते हैं प्रकाश जोड़कर. सभी तीन चैनलों को अधिकतम पर संयोजित करना (R=255, G=255, B=255) सफेद पैदा करता है। कोई भी प्रकाश (R=0, G=0, B=0) काला उत्पन्न नहीं करता। घटाव (सीएमवाईके) - मुद्रण में उपयोग किया जाता है। स्याही प्रकाश की तरंग दैर्ध्य को अवशोषित (घटाना) करती है। संयोजन सभी स्याही अधिकतम प्रकाश को अवशोषित करती हैं, जिससे काला रंग उत्पन्न होता है (सैद्धांतिक रूप से - में)। अभ्यास करें, एक कुंजी/काली स्याही जोड़ी जाती है क्योंकि स्याही मिश्रण अपूर्ण है)। द व्यावहारिक निहितार्थ: आरजीबी में डिजिटल कार्य डिज़ाइन करें, फिर सीएमवाईके में कनवर्ट करें प्रिंट के लिए - यह ध्यान में रखते हुए कि कुछ ज्वलंत आरजीबी रंगों को पुन: प्रस्तुत नहीं किया जा सकता है सीएमवाईके.

रंग तापमान किसी रंग की गर्मी या ठंडक का वर्णन करता है, प्रकाश स्रोतों के लिए केल्विन (K) में मापा जाता है और अवधारणात्मक रूप से माना जाता है डिज़ाइन रंगों के लिए. गर्म रंग (लाल, नारंगी, पीला - रंग 0°-60° और 300°-360°) ऊर्जावान, अत्यावश्यक और आमंत्रित महसूस करते हैं। वे दृष्टिगत रूप से आगे बढ़ें - गर्म रंगों में तत्व करीब दिखाई देते हैं। अच्छे रंग (नीला, हरा, बैंगनी - रंग 120°-240°) शांत, भरोसेमंद और महसूस करें पेशेवर. वे दृष्टिगत रूप से पीछे हट जाते हैं - ठंडे रंगों वाले तत्व आगे दिखाई देते हैं दूर. तटस्थ (सफ़ेद, भूरा, बेज, चैती 90°-120° के करीब) संतुलित एवं बहुमुखी हैं। यूआई डिज़ाइन में, गर्म रंग कार्रवाई (सीटीए) को बढ़ाते हैं, शांत रंग विश्वास (हेडर, पृष्ठभूमि) बनाते हैं, और तटस्थ रंग संरचना प्रदान करते हैं। कलर पिकर वेब का अबाउट कलर अनुभाग अनुमानित तापमान दिखाता है किसी भी चयनित रंग का.