रंगों के बारे में अधिक जानकारी
रंग के बारे में और पढ़ें—प्रकाश और धारणा से RGB, CMYK, HSL, hex, कलर व्हील, ग्रेडिएंट और कॉन्ट्रास्ट तक, जिन्हें PictorX में आज़मा सकते हैं।
प्रकाश, आँखें, और मिश्रण के दो प्रकार
रंग वस्तु पर बैठा कोटिंग नहीं है। यह प्रकाश है, साथ एक मस्तिष्क जो तरंगदैर्घ्य को लाल, पीला या नीला-हरा बनाता है। स्क्रीन प्रकाश जोड़ती हैं (योगात्मक मिश्रण): लाल, हरे और नीले लैंप सफ़ेद की ओर मिलते हैं। प्रिंट और पेंट प्रकाश घटाते हैं (व्यावर्ती मिश्रण): स्याही तरंगदैर्घ्य फ़िल्टर करती है, और मिलाने पर काले की ओर जाती है। इसलिए मॉनिटर पर नियॉन शायद ही कागज़ पर उसी काम से मेल खाता है।
RGB: स्क्रीन रंग कैसे गिनती हैं
फ़ोन या लैपटॉप पर पिक्सेल तीन छोटी लाइटें हैं। प्रत्येक चैनल आमतौर पर 0–255 (आठ बिट) के रूप में संग्रहीत होता है। (0, 0, 0) काला है, (255, 255, 255) सफ़ेद है, (255, 0, 0) पूर्ण लाल है। Hex वही त्रिक वेब के लिए लिखा गया है: #FF0000 वह लाल है, #000000 काला है। डिज़ाइनर अभी भी RGB में बात करते हैं क्योंकि डिस्प्ले वास्तव में वही उत्सर्जित करता है।
CMYK: प्रिंटआउट अलग क्यों दिखता है
प्रिंटर सियान, मैजेंटा, पीला और काला (K) स्याही लगाते हैं। वे प्रकाश नहीं छोड़ते, केवल सोखते हैं, इसलिए स्क्रीन का RGB गैमट अधिकांश CMYK प्रेस से बड़ा होता है। मॉनिटर पर संतृप्त इलेक्ट्रिक ब्लू काग़ज़ पर अक्सर फीका पड़ जाता है। प्रिंट रंग का वादा करने से पहले CMYK में बदलें, और उसी स्टॉक पर प्रूफ़ करें जिसका उपयोग करेंगे। PictorX चुने रंग से CMYK संख्या दिखा सकता है ताकि अंतर दिखे; यह प्रेस प्रोफ़ाइल का विकल्प नहीं है।
HSL और HSV: डिज़ाइनर के नॉब
ह्यू इंद्रधनुष पर स्थिति है (0–360°)। सैचुरेशन यह है कि रंग कितना शुद्ध है बनाम कितना धूसर। लाइटनेस (HSL) सफ़ेद या काले के कितना करीब है; वैल्यू/ब्राइटनेस (HSV) काले के कितना करीब है, जबकि ह्यू अंत तक चमकीला रहता है। डिज़ाइनर HSL और HSV इसलिए पसंद करते हैं क्योंकि “थोड़ा गहरा, वही नारंगी” एक स्लाइडर है, तीन RGB संख्याओं के बीच अंदाज़ा नहीं।
Hex और नामित CSS रंग
Hex (#RRGGBB, कभी-कभी #RGB या #RRGGBBAA) वेब का RGB शॉर्टहैंड है। CSS नामित रंग भी देता है—coral, steelblue, rebeccapurple—जो निश्चित hex मानों से मैप होते हैं। नाम स्केच के लिए सुविधाजनक हैं; hex (या आधुनिक CSS कलर फ़ंक्शन) वही है जो आप तब शिप करते हैं जब ब्रांड का मिलान ज़रूरी हो।
कलर व्हील और संबंध
रंग चक्र रंगों को वृत्त में व्यवस्थित करता है। क्लासिक संबंध: पूरक रंग विपरीत बैठते हैं (नीला और नारंगी) और तेज़ कंट्रास्ट देते हैं; समान रंग पड़ोसी होते हैं और संबंधित लगते हैं; त्रिक रंग तीन समान चरणों पर बैठते हैं और जीवंत रहते हैं; स्प्लिट-पूरक एक रंग और उसके विपरीत के दोनों पड़ोसियों को लेता है, जो कम टकराव वाला कंट्रास्ट है; मोनोक्रोमैटिक एक ही रंग की कई चमक है। PictorX का पैलेट जनरेटर वर्तमान में पूरक, समान और मोनोक्रोमैटिक रखता है। चक्र क्लासिक सेट के बाकी संबंध तब भी समझाता है जब कोई उपकरण हर हार्मनी न दे।
ग्रेडिएंट: रंगों के बीच पथ
ग्रेडिएंट एक पथ के साथ मिश्रण है। रैखिक एक दिशा में चलता है; रेडियल केंद्र से फैलता है। कलर स्टॉप उस पथ पर सटीक रंगों को पिन करते हैं। अधिक स्टॉप का मतलब अधिक नियंत्रण है, स्वतः अधिक स्वाद नहीं। CSS में linear-gradient और radial-gradient वही विचार हैं। PictorX का ग्रेडिएंट संपादक स्टॉप खींचने और CSS, HEX, RGB, HSL, HSV या CMYK कॉपी करने देता है।
कंट्रास्ट, पहुँच, गर्म और ठंडा
कंट्रास्ट यह है कि दो रंग हल्केपन (और ह्यू) में कितनी दूर बैठते हैं। WCAG पर्याप्त कंट्रास्ट माँगता है ताकि पाठ पठनीय रहे: सामान्य पाठ के लिए लगभग 4.5:1 और स्तर AA पर बड़े पाठ के लिए 3:1। यह न्यूनतम है, स्टाइल नहीं। गर्म ह्यू (लाल, नारंगी, पीले) निकट लगते हैं; ठंडे ह्यू (नीले, हरे, बैंगनी) पीछे हटते हैं। टाइप और UI के लिए कंट्रास्ट उपयोग करें; मूड के लिए गर्म और ठंडे।
PictorX में रंग टूल
कलर व्हील ह्यू चुनने और हारमनी पढ़ने के लिए है। ग्रेडिएंट एडिटर ब्लेंड और CSS के लिए है। पैलेट जनरेटर सेट बनाता, लॉक और शफ़ल करता है—और फ़ोटो से रंग निकाल सकता है। कलर ट्रांसफ़र ब्राउज़र में एक तस्वीर को दूसरी के पैलेट से रीस्टाइल करता है। कलर इफ़ेक्ट फ़ोटो को टिंट और अन्य लुक में ले जाते हैं। इनमें से कुछ प्रेस या स्पेक्ट्रोफ़ोटोमीटर की जगह नहीं लेता; यह तेज़ तरीका है देखने का कि तस्वीर पर रंग कैसे व्यवहार करता है।
अक्सर पूछे जाने वाले प्रश्न
RGB और CMYK में क्या अंतर है?
RGB स्क्रीन पर योगात्मक प्रकाश है (आमतौर पर प्रति चैनल 0–255)। CMYK काग़ज़ पर घटानात्मक स्याही है। वे अलग रेंज कवर करते हैं, इसलिए स्क्रीन रंग अक्सर ठीक वैसा प्रिंट नहीं हो सकता।
कलर व्हील पर कॉम्प्लिमेंटरी का क्या मतलब है?
पूरक एक-दूसरे के विपरीत बैठते हैं। साथ में वे मज़बूत कंट्रास्ट देते हैं। PictorX का पैलेट जनरेटर प्रारंभिक रंग से पूरक सेट बना सकता है।
डिज़ाइनर RGB की जगह HSL क्यों इस्तेमाल करते हैं?
ह्यू, सैचुरेशन और लाइटनेस उसी तरह हैं जैसे हम रंग के बारे में बात करते हैं। HSL में आप नारंगी को गहरा कर सकते हैं, बिना गलती से उसे भूरा किए—जैसा कि एक सरल RGB बदलाव कर सकता है।
WCAG कितना कंट्रास्ट चाहता है?
AA के लिए, सामान्य टेक्स्ट पर लगभग 4.5:1 और बड़े टेक्स्ट पर 3:1। टाइप को उसकी वास्तविक पृष्ठभूमि पर जाँचें, केवल नमूना स्वैच पर नहीं।
संबंधित टूल
रंग चक्र
इंटरैक्टिव व्हील पर रंग चुनें, पूरक, एनालॉगस, ट्रायडिक और अन्य पैलेट बनाएँ, और HEX, RGB, HSL, HSV या CMYK कॉपी करें। कुछ भी अपलोड नहीं होता।
ग्रेडिएंट एडिटर
अपने ब्राउज़र में रैखिक और रेडियल CSS ग्रेडिएंट बनाएँ। कलर स्टॉप खींचें, कोण सेट करें, और CSS, HEX, RGB, HSL, HSV या CMYK कॉपी करें। कुछ भी अपलोड नहीं होता।
रंग पैलेट जनरेटर
अपने ब्राउज़र में रंग पैलेट बनाएँ, लॉक करें और फेरबदल करें। HEX, CSS वेरिएबल या JSON कॉपी करें, PNG या SVG निर्यात करें, और फ़ोटो से रंग निकालें। कुछ भी अपलोड नहीं होता।
रंग स्थानांतरण
दूसरी इमेज के रंगों से फ़ोटो को रीकलर करें। स्ट्रेंथ स्लाइडर और वैकल्पिक सुरक्षित चमक के साथ ब्राउज़र में लाइव प्रीव्यू। कुछ भी अपलोड नहीं होता।
इलेक्ट्रिक ड्रीम फ़िल्टर
इफ़ेक्ट → रंग से फ़ोटो को सिनेमैटिक ग्लो-अप दें। इफ़ेक्ट → रंग → नियॉन ग्लो से नियॉन किनारे पल्स करें, इफ़ेक्ट → रंग → हीटमैप से डेटा जैसा हीट मैप करें, या इफ़ेक्ट → रंग → ड्योटोन से दो-टोन मूड लॉक करें। फ़िल्टर लेयर… बिना सॉफ़्टवेयर इंस्टॉल के PictorX मुफ़्त अपने ब्राउज़र में उपयोग करें।
आज़माने के लिए तैयार?
अपने ब्राउज़र में PictorX खोलें — शुरू करने के लिए इंस्टॉल या क्रेडिट कार्ड की ज़रूरत नहीं।
कलर व्हील आज़माएँ