वेब डिज़ाइनरों के लिए सर्वश्रेष्ठ रंग उपकरण

विषय

• 01. ह्यू स्नैप
• 02. खरोम
• 03. कूलर्स.co
• 04. एडोब कलर सीसी
• 05. कोलोरडॉट
• 06. एगग्रेडिएंट्स
• 08. कैनवा कलर पैलेट जेनरेटर
• 09. सामग्री डिजाइन पैलेट
• 10. कलरकोड
• 11. रंग कैलकुलेटर
• 12. एचटीएमएल कलर कोड
• 13. W3Schools: कलर्स ट्यूटोरियल
• 14. डिजिटल रंग मीटर (मैक)

वेब डिज़ाइनर के रूप में, हमारे द्वारा किए जाने वाले सबसे महत्वपूर्ण विकल्पों में से एक हमारे रंग चयन से संबंधित है। गलत लोगों को चुनें, और आप एक अवसर से चूक सकते हैं। यह सच है - हम जो रंग चुनते हैं, उनका उन पर मनोवैज्ञानिक प्रभाव पड़ सकता है जो उन्हें देखते हैं।

उदाहरण के लिए, लाल को आम तौर पर उच्च ऊर्जा वाले रंग के रूप में देखा जाता है, जबकि नीला शांति और शांति का प्रतीक है। इस बिंदु को स्पष्ट करने के लिए, उन रंगों पर विचार करें जिनका उपयोग आप बच्चों के खिलौने बेचने वाली वेबसाइट बनाम कानूनी फर्म की साइट पर कर सकते हैं। संभावना है, आप पूर्व के लिए उज्ज्वल, जीवंत रंगों के साथ जाएंगे, और बाद के लिए नीले और भूरे रंग के म्यूट टोन के साथ जाएंगे।

लेकिन आप कैसे जानते हैं कि कौन से रंग एक साथ अच्छा काम करते हैं? सौभाग्य से, एक व्यावहारिक रंग पैलेट को एक साथ रखने के लिए आपको रंग सिद्धांत में मास्टर होने की आवश्यकता नहीं है। रंग चयन के महत्वपूर्ण कार्य में आपकी मदद करने के लिए, यहां कुछ बेहतरीन मुफ्त रंगीन वेब डिज़ाइन टूल (साथ ही मैक उपयोगकर्ताओं के लिए अंत में एक विशेष बोनस) दिए गए हैं।

01. ह्यू स्नैप

प्रेरणा कभी भी आ सकती है। यह एक होटल के कमरे की सजावट या एक शाम पार्क में रोशनी हो सकती है जो आपकी अगली वेबसाइट रंग योजना के लिए प्रेरणा देती है। ऐसा होने पर, HueSnap मदद के लिए यहां है। आप एक तस्वीर खींच सकते हैं और छवि से रंग निकालने के लिए ह्यू स्नैप का उपयोग कर सकते हैं और उन्हें पैलेट में बना सकते हैं।

ऐप को मोबाइल उपयोग के लिए तैयार किया गया है, और आप अपने पैलेट को दूसरों के साथ सहेज और साझा कर सकते हैं। पैलेट को संशोधित करने में आपकी मदद करने के लिए बहुत सारी सुविधाएं हैं, जैसे पूरक और मिश्रित रंग चुनने के विकल्प, और आपके पैलेट में प्रत्येक में अधिकतम छह रंग हो सकते हैं।

02. खरोम

खोरोमा एक एआई रंग उपकरण है जिसका उद्देश्य मूल रंग संयोजनों को आसानी से ब्राउज़ और तुलना करने में आपकी सहायता करना है। इसके साथ, उपयोगकर्ता अपने मस्तिष्क के विस्तार की तरह कार्य करने के लिए एआई एल्गोरिदम को प्रशिक्षित करते हैं। उपयोगकर्ता अपनी पसंद के 50 रंगों को चुनकर शुरू करते हैं, और इन रंगों का उपयोग एक तंत्रिका नेटवर्क को प्रशिक्षित करने के लिए किया जाता है जो सैकड़ों हजारों अन्य समान रंगों को पहचान सकता है। खोरोमा के बारे में और यहां इसका उपयोग कैसे करें, इसके बारे में और जानें।

03. कूलर्स.co

पैलेट को जिस तरह से आप चाहते हैं उसे समायोजित करने के लिए कूलर कई प्रकार के टूल प्रदान करता है। इसके अलावा, आप अपनी अंतिम रचना को कई अलग-अलग स्वरूपों में निर्यात कर सकते हैं ताकि आप इसे वस्तुतः जहाँ चाहें उपयोग कर सकें।

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

04. एडोब कलर सीसी

नि: शुल्क उपकरण Adobe Color CC कुछ समय के लिए आसपास रहा है, और यह रंग पैलेट चुनने के लिए सबसे अच्छे रंग उपकरणों में से एक है। आप न केवल अपनी खुद की रंग योजनाएं बना सकते हैं, बल्कि आप यह भी पता लगा सकते हैं कि दूसरों ने क्या बनाया है।

पहिए से या किसी छवि से एक रंग का चयन करें और रंग पैलेट बनाने के लिए केवल पूरक रंगों, मोनोक्रोमैटिक रंगों या आपके द्वारा चुने गए रंग के रंगों का उपयोग करने जैसे रंग नियम लागू करें। या, प्रत्येक रंग पर क्लिक करें और चयन को अनुकूलित करने के लिए रंग चक्र का अन्वेषण करें। एक अतिरिक्त बोनस के रूप में, आप अपने द्वारा बनाई गई थीम को अपनी Adobe लाइब्रेरी में सहेज सकते हैं।

05. कोलोरडॉट

कलर पैलेट बनाने के लिए हैल्पिक्सल द्वारा कोलोर्डोट एक उत्कृष्ट मुफ्त ऑनलाइन टूल है। साधारण माउस जेस्चर का उपयोग करके, आप रंगों का चयन और सहेज सकते हैं। रंग के लिए अपने माउस को आगे-पीछे करें; हल्कापन के लिए ऊपर और नीचे; संतृप्ति के लिए स्क्रॉल करें और अपने पैलेट में रंग सहेजने के लिए क्लिक करें। प्रत्येक रंग RGB और HSL मान देखने के लिए टॉग आइकन पर क्लिक करें। इसमें $0.99/£0.99 आईओएस ऐप भी है जो आपको अपने कैमरे से रंग कैप्चर करने की अनुमति देता है।

06. एगग्रेडिएंट्स

जब आप पढ़ने में आसान सीएसएस बनाने के लिए ज़िम्मेदार होते हैं, तो कभी-कभी मानक रंगों और रंग नामों का उपयोग करने का तरीका होता है। ब्रायन मायर जूनियर द्वारा 147 रंगों के लिए धन्यवाद, आप उन सभी की एक झलक प्राप्त कर सकते हैं, और अपने लिए काम करने वाले लोगों को चुन सकते हैं।

इसमें 17 मानक रंग, साथ ही 130 अन्य CSS रंग नाम शामिल हैं। परिणामों को नीले, हरे और इसी तरह के रंगों से फ़िल्टर करें, या 147 रंगों के पूर्ण इंद्रधनुष में से चुनें।

08. कैनवा कलर पैलेट जेनरेटर

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

दुर्भाग्य से, यह वह जगह है जहां कैनवा की पेशकश की उपयोगिता समाप्त होती है, क्योंकि आप इसके पैलेट जनरेटर के साथ बस इतना ही कर सकते हैं - आप पैलेट के रंगों को समायोजित नहीं कर सकते। आपके पास केवल अन्य विकल्प उपलब्ध कराए गए हेक्स मानों की प्रतिलिपि बनाना या कोई अन्य फ़ोटो अपलोड करना है।

09. सामग्री डिजाइन पैलेट

मटीरियल डिज़ाइन पैलेट के साथ आप दो रंगों का चयन कर सकते हैं, जो तब आपके डाउनलोड करने के लिए एक पूर्ण रंग पैलेट में परिवर्तित हो जाते हैं, एक पूर्वावलोकन के साथ पूरा करें।

कंपनी मटीरियल डिज़ाइन कलर्स भी प्रदान करती है, जो डिजाइनरों को उनके संगत HEX मूल्यों के साथ-साथ एक रंग के विभिन्न रंगों को देखने में सक्षम बनाता है।

10. कलरकोड

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

ColorCode के साथ, आप मूल संयोजन बनाने के लिए रंग चक्र के साथ विभिन्न विकल्प सेट कर सकते हैं। आप अपना पैलेट भी सहेज सकते हैं या इसे SCSS या LESS फ़ाइल के रूप में निर्यात कर सकते हैं। आप चाहें तो पीएनजी को एक्सपोर्ट भी कर सकते हैं।

11. रंग कैलकुलेटर

रंग कैलकुलेटर सीधा है: आप एक रंग और एक रंग सामंजस्य विकल्प का चयन करते हैं। बदले में, आपको अपनी अनुशंसित रंग योजना के परिणाम वापस मिलते हैं।

हालाँकि, इस साइट के बारे में अच्छी बात यह है कि यह रंग सिद्धांत के बारे में थोड़ा विस्तार से बताती है और यह आपके रंग विकल्पों से कैसे संबंधित है।

12. एचटीएमएल कलर कोड

डिक्सन एंड मो द्वारा टूल के इस उभड़ा हुआ मुक्त सूट में रंग नियमों के बहुत सारे स्पष्टीकरण के साथ एक गहन रंग बीनने वाला शामिल है; फ्लैट डिज़ाइन रंगों, Google की सामग्री डिज़ाइन योजना और क्लासिक वेब सुरक्षित रंग पैलेट की विशेषता वाले रंग चार्ट की एक श्रृंखला; और मानक HTML रंग नामों और कोडों की एक सूची।

यह साइट वेब डिजाइनरों के लिए ट्यूटोरियल और अन्य संसाधन भी प्रदान करती है, और एचईएक्स कोड, एचटीएमएल, सीएसएस और एससीएसएस शैलियों के रूप में अपने टूल से परिणाम निर्यात करने के विकल्प भी प्रदान करती है।

13. W3Schools: कलर्स ट्यूटोरियल

यदि आप एक ऑल-इन-वन समाधान की तलाश कर रहे हैं जिसमें रंगों के लिए एक गाइड और साथ ही कई अलग-अलग टूल शामिल हैं, तो W3Schools में कलर्स ट्यूटोरियल सही विकल्प है।

आप न केवल कलर थ्योरी, कलर व्हील्स और कलर ह्यूज के बारे में जान सकते हैं, बल्कि आप कलर कन्वर्टर जैसे अन्य टूल्स का भी इस्तेमाल कर पाएंगे। इस उपकरण के साथ, आप किसी भी रंग को नाम, HEX कोड, RGB, HSL, HWB और CMYK मानों में परिवर्तित कर सकते हैं।

14. डिजिटल रंग मीटर (मैक)

ठीक है, मैक उपयोगकर्ता... यह आपके लिए है। अपनी मशीन के बिल्ट-इन डिजिटल कलर मीटर टूल से, आप अपनी स्क्रीन पर कहीं से भी किसी रंग को 'हड़प' सकते हैं, फिर उस रंग के लिए दशमलव, हेक्साडेसिमल या प्रतिशत के रूप में मान प्राप्त कर सकते हैं। साथ ही, आप चयनित रंग को टेक्स्ट या इमेज के रूप में 'कॉपी' भी कर सकते हैं।