वेब डिझायनरला मदत करण्यासाठी पॅलेट जनरेटर. वेब डिझायनरला मदत करण्यासाठी पॅलेट जनरेटर जनरेटर रंग कसे तयार करतो

वेब डिझायनरच्या कामातील एक महत्त्वाचा घटक म्हणजे पॅलेट तयार करणे, एकमेकांशी सुसंवादीपणे जुळणारे रंग निवडणे. ही प्रक्रिया खूपच गुंतागुंतीची आहे आणि त्यासाठी सर्जनशील दृष्टीकोन आवश्यक आहे. अशी अनेक संसाधने आहेत जी रंगासह कार्य करणे खूप सोपे करू शकतात.

अलीकडेच तुम्हाला याबद्दल तपशीलवार लेख आला असेल. थोड्या आधी मी कुलर आणि कलरब्लेंडरच्या पुनरावलोकनासह निवड साधनांबद्दल समान नोट प्रकाशित केली होती. आज मी थीम विस्तृत करण्याचा आणि साइटसाठी रंग पॅलेट निवडण्यासाठी थोडे अधिक पर्याय प्रदान करण्याचा निर्णय घेतला.

कोलोरोटेट

ColoRotate टूल तुम्हाला मोठ्या संख्येने तयार प्रस्तावांमधून सर्वात योग्य रंगसंगती निवडण्याची किंवा तुमची स्वतःची तयार करण्याची परवानगी देते. फिरत्या 3D पॅलेटवर वेगवेगळ्या ठिकाणी रंग निवडून, तुम्ही सुसंवाद किंवा कॉन्ट्रास्टवर आधारित कॉम्बिनेशन मिळवू शकता, शेड्स, ब्राइटनेस, सॅच्युरेशनसह काम करू शकता आणि वेगवेगळ्या रंगांचे मिश्रण करू शकता. आपण तयार केलेल्या प्रतिमांमधून रंग देखील काढू शकता. आयपॅडसाठी एक आवृत्ती आहे, फोटोशॉपसह सिंक्रोनाइझेशन उपलब्ध आहे. खूप छान सेवा.

Adobe कलर CC

Adobe Color CC पॅलेट आणि कलर स्कीम जनरेटर तुम्हाला याची अनुमती देतो:

• इंटरएक्टिव्ह कलर व्हीलवर रंग संयोजनांसह प्रयोग करा (7 प्रकारच्या रंग प्रणाली उपलब्ध आहेत);
• पूर्वनिर्धारित शैली वापरून रंग थीम व्युत्पन्न करा;
• छायाचित्र किंवा इतर कोणत्याही रेडीमेड प्रतिमेचे रंग वापरून रंगसंगती तयार करा;
• तुमचे काम शेअर करा आणि इतरांना जाणून घ्या, त्यांच्याकडून प्रेरणा घ्या.

तयार केलेल्या रंगीत थीम पीसी किंवा मोबाइल उपकरणांसाठी अनुप्रयोगांमध्ये तसेच वेबसाइटवरील "माय थीम्स" विभागात जतन केल्या जाऊ शकतात.

डीग्रेव्ह

DeGraeve वेबसाइट पूर्व-निर्मित प्रतिमांवर आधारित रंग योजना जनरेटरसह विविध साधने ऑफर करते. तुम्हाला फक्त इंटरनेटवर एक मनोरंजक रंगसंगती असलेले चित्र शोधायचे आहे, या प्रतिमेची URL वेबसाइटवरील योग्य ओळीत अपलोड करा आणि पॅलेट जनरेशन बटणावर क्लिक करा. काही सेकंदांनंतर, प्रोग्राम चित्राचे 10 प्राथमिक रंगांमध्ये विघटन करेल, 5 निःशब्द (निस्तेज) आणि 5 चमकदार (व्हायब्रंट), प्रत्येकाला स्वतःचा कोड नियुक्त करेल. वेबसाइट डिझाइनवर काम करताना व्युत्पन्न केलेले पॅलेट वापरण्यास सोयीस्कर आहे;

कॉन्ट्रास्ट-ए

"एक परवडणारे रंग संयोजन शोधा" या टॅगलाइनसह, कॉन्ट्रास्ट-ए रंग संयोजनांसह प्रयोग करताना तुम्हाला सानुकूल पॅलेट तयार करण्यात मदत करण्यासाठी डिझाइन केले आहे. हा कार्यक्रम वेब सामग्री (मजकूर आणि पार्श्वभूमी) च्या रंग अनुकूलतेबद्दल मार्गदर्शकावर आधारित आहे. यासह कार्य करण्यासाठी, या विषयावरील मूलभूत ज्ञान घेणे इष्ट आहे.

सेवा तुम्हाला पॅलेटवर 2 रंग निवडण्याची आणि मजकूर आणि पार्श्वभूमी म्हणून वापरताना ते एकत्र कसे दिसतील याचे मूल्यांकन करण्याची परवानगी देते. शिवाय, सामान्य रंग दृष्टी आणि रंग अंधत्वाच्या विविध प्रकारांसाठी परिणाम प्रदर्शित केले जातात.

कलरझिला

रंगासह काम करणाऱ्या वेबमास्टर्स आणि ग्राफिक डिझाइनरना मदत करण्यासाठी Firefox साठी ColorZilla ॲप (Google Chrome साठी देखील उपलब्ध आहे). हे नवशिक्या आणि प्रगत वापरकर्त्यांसाठी उपयुक्त ठरेल. प्रोग्राम ब्राउझरमधील कोणत्याही बिंदूचे आणि कोणत्याही पृष्ठाचे रंग विश्लेषण करतो आणि इतर अनुप्रयोगांमध्ये वापरण्यासाठी आवश्यक रंग काढतो. पृष्ठाच्या रंग पॅलेटची व्याख्या करणे, प्रीसेट सेटमधून रंग निवडणे, वापरकर्त्याच्या पॅलेटचा भाग म्हणून वापरल्या जाणाऱ्या रंगांची बचत करणे - ही त्याच्या क्षमतांची श्रेणी आहे.

चित्रमय

Pictaculous हे रेडीमेड प्रतिमांवर आधारित आणखी एक रंग पॅलेट जनरेटर आहे. तुम्हाला फक्त 500 KB पेक्षा जास्त नसलेली निवडलेली प्रतिमा साइटवर अपलोड करायची आहे आणि तिचे रंग विश्लेषण लगेच सुरू होईल. प्रतिमेच्या रंगसंगतीच्या परिणामांतर्गत, आणखी डझनभर पॅलेट प्रदर्शित केले जातात, परंतु Kuler आणि COLOURLovers संसाधन समुदायाच्या सदस्यांद्वारे आधीच स्वहस्ते तयार केले जातात. ते विकसित होत असलेल्या वेबसाइटसाठी रंगसंगती म्हणून देखील वापरले जाऊ शकतात. तुम्ही निकाल तुमच्या ईमेलवर पाठवू शकता आणि सोशल नेटवर्क्सवर शेअर करू शकता.

तुम्हाला इतर कोणतेही रंग पॅलेट जनरेटर माहित असल्यास, टिप्पण्यांमध्ये दुवे सामायिक करा.

डिझाइनमध्ये रंग मोठ्या प्रमाणावर वापरला जातो - ते आपल्याला सामग्री "पुनरुज्जीवित" करण्यास अनुमती देते - घटकांमधील अर्थपूर्ण कनेक्शन तयार करा, भावना आणि मूडसह कार्य भरा. सुरुवातीचे डिझाइनर यादृच्छिक रंग निवडतात, परंतु अधिक अर्थपूर्ण मार्गांनी रंग वापरण्याचे मार्ग आहेत. चला अशा 4 पद्धतींचा विचार करूया, साध्या ते जटिल अशा तत्त्वानुसार आयोजित केल्या आहेत.

1. ज्ञात स्केल वापरा

brandcolors.net या वेबसाइटवर प्रसिद्ध ब्रँडचे 500 हून अधिक रंग संयोजन आहेत. यांडेक्स, गुगल, बर्गर किंग त्यांच्या सर्व उत्पादनांमध्ये समान पॅलेट वापरतात. हे ब्रँड आणि त्यांचे रंग अनेकांना परिचित आणि आवडतात. शोध बारमध्ये नाव टाइप करा किंवा पृष्ठावर स्क्रोल करा, इच्छित ब्रँड आणि रंगावर क्लिक करा: त्याचा कोड क्लिपबोर्डवर कॉपी केला जाईल.

2. तयार व्यावसायिक पॅलेट निवडा

सर्वात सोपा मार्ग म्हणजे रेडीमेड रंग संयोजन घेणे. प्रत्येक वेळी चाक पुन्हा शोधणे आवश्यक नाही, कारण कर्णमधुर संयोजन बर्याच काळापासून ओळखले जाते. colordrop.io वर जा आणि निवडा. साइटवर शेकडो व्यावसायिक 4-रंग पॅलेट आहेत. एकदा आपण आपल्याला पाहिजे असलेला एक निवडल्यानंतर, उजवीकडे उघडलेल्या पॅनेलमधून रंग कोड क्लिक करा आणि कॉपी करा.

याव्यतिरिक्त, सेवेमध्ये 24 फ्लॅट डिझाइन रंगांची तयार निवड समाविष्ट आहे. "फ्लॅट कलर्स" नावाखाली डावीकडे क्लिक करा आणि तुम्हाला आवडणाऱ्या सावलीसाठी कोड घ्या.

3. तुम्हाला आवडणाऱ्या छायाचित्राचा किंवा चित्राचा रंग पॅलेट निश्चित करा

ही पद्धत थोडी अधिक क्लिष्ट आहे. पण अधिक प्रभावी.

• coolors.co वेबसाइटवर, वरच्या डाव्या पॅनलमध्ये, कॅमेरा चिन्ह शोधा आणि त्यावर क्लिक करा. एक इमेज अपलोड विंडो उघडेल.
• तुम्ही तुमच्या काँप्युटरवरून तुम्हाला आवडलेल्या रंगसंगतीसह फोटो किंवा इमेज निवडू शकता किंवा रिकाम्या कॉलममध्ये लिंक कॉपी करू शकता.
• सेवा रंग संयोजन निश्चित करेल (अपलोड केलेल्या चित्राच्या खाली).
• तुम्ही या पॅलेटचे वैयक्तिक रंग चिन्हांकित करून बदलू शकता आणि फोटोमधील एक बिंदू निवडू शकता ज्यामधून तुम्हाला रंग घ्यायचा आहे.
• "कोलाज" बटण संगणकावर रंग कोडसह परिणामी पॅलेट जतन करते.
• "ऑटो" बटण त्याच फोटोवर आधारित नवीन संयोजन तयार करते.
• "ओके" क्लिक करा आणि पॅलेटसह पुढील कार्यासाठी साइटच्या मुख्य पृष्ठावर जा.

साइटचे मुख्य पृष्ठ कमी कार्यशील नाही. येथे तुम्ही वैयक्तिक रंगांच्या छटा निवडू शकता किंवा वैयक्तिक रंग बदलून नवीन पॅलेट एकत्र करू शकता.

4. तुमची स्वतःची रंगसंगती ऑनलाइन तयार करा

त्याच वेबसाइट coolors.co वर फोटो अपलोड करून, तुम्ही केवळ रंग कोडच ठरवू शकत नाही, तर तुमचे स्वतःचे संयोजन देखील तयार करू शकता. हे करण्यासाठी, स्पेस बार दाबा - सेवा आपोआप 5 रंगांचे संयोजन तयार करते.

प्रत्येक रंगावर 4 चिन्ह बटणे:

• पर्यायी छटा - रंगाच्या छटा (गडद आणि फिकट),
• ड्रॅग करा (पॅलेटमध्ये रंग उजवीकडे किंवा डावीकडे हलवा),
• समायोजित करा (रंग, संपृक्तता, चमक, इ. समायोजित करा),
• लॉक (फिक्स रंग).

वेब डिझाइनमध्ये रंगांची मोठी भूमिका असते. वेबसाइटसाठी रंगसंगती योग्यरित्या निवडण्यासाठी, विशेष सेवा आहेत. मला खात्री आहे की प्रत्येक वेब डिझायनरच्या बुकमार्कमध्ये यापैकी किमान एक असेल.

कधीकधी तुम्ही बसून विचार करता की साइटसाठी मुख्य म्हणून कोणती निळ्या रंगाची छटा निवडावी, थोडीशी हलकी किंवा थोडीशी उजळ किंवा कदाचित गडद... आणि तरीही तुम्हाला त्यासाठी अतिरिक्त निवडण्याची आवश्यकता आहे. आपण अर्थातच हे डोळ्यांनी करू शकता, परंतु विशेष सेवांपैकी एक वापरणे चांगले आहे.

मी रंग सिद्धांताबद्दल बोलणार नाही (ही खूप माहिती आहे), परंतु माझ्या बुकमार्कमध्ये असलेल्या आणि मी वापरत असलेल्या सेवा येथे फक्त प्रकाशित करेन.

माझी या वाद्याशी अनेक वर्षांपासून मैत्री आहे. रंग निवडण्यासाठी सर्वात सोयीस्कर साधन (माझ्या मते). यात अनेक अतिरिक्त वैशिष्ट्ये आहेत. उदाहरणार्थ, आपण निवडलेल्या रंगांसह प्रकाश आणि गडद पृष्ठाचे उदाहरण पाहू शकता.

रंगांधळेपणा आणि इतर दृष्टीदोष असलेले लोक तुमची रंगसंगती कशी पाहतील याचे मूल्यांकन करणे शक्य आहे. तुम्ही वेब सुरक्षित रंग निवडू शकता.

Adobe Kuler हे दुसरे वेब टूल आहे जे मी बऱ्याचदा वापरतो. रंग योजनांची निवड मागील साइट प्रमाणेच आहे, परंतु म्हणूनच मला ते आवडत नाही. रंगसंगती स्वतः तयार करण्याव्यतिरिक्त, तुम्ही इतर लोकांनी तयार केलेल्या योजना पाहू शकता आणि वापरू शकता.

हे करण्यासाठी, वरच्या डाव्या मेनूमधील "पाहा" बटणावर क्लिक करा. आणि सर्व प्रकारच्या रंग संयोजनांची गॅलरी तुमच्या समोर उघडेल.

हे साधन थोडेसे Colorscheme सारखेच आहे, परंतु कमी कार्ये आहेत, परंतु आपण पाहू शकता की रंग ब्लॉक्स कसे दिसतील.

मी व्यावहारिकरित्या ही साइट वापरत नाही, परंतु माझ्या बुकमार्कमध्ये ती असल्याने मी ती देखील जोडण्याचा निर्णय घेतला.

खालील दोन साइट्स तुम्ही निवडलेल्या प्रतिमेतून पॅलेट तयार करतात. जादू आहे :)

तुम्हाला कोणत्याही रंगाचे रंग आवडतात ते तुम्ही निवडता, सेवा तिचे विश्लेषण करते आणि तुम्हाला रंग पॅलेट देते. या दोन साइट्समधील फरक एवढाच आहे की ते प्रतिमा कशी देतात.

या साइटची आवश्यकता आहे डाउनलोड कराआपल्या संगणकावरून चित्र.

रंग निवडीसाठी एक अतिशय सोयीस्कर साधन. "पसंत - नापसंत" तत्त्वावर आधारित.

नावाप्रमाणेच, येथे आपण आता फॅशनेबल फ्लॅट डिझाइनसाठी रंग निवडू शकता. साइट मनोरंजक आहे कारण एकदा आपण पॅलेट निवडल्यानंतर, आपण ते कोरल आणि फोटोशॉपसाठी डाउनलोड करू शकता.

आणखी एक फॅशन ट्रेंड म्हणजे मटेरियल डिझाइन. ही साइट तुम्हाला UI (वापरकर्ता इंटरफेस) साठी रंग संयोजन निवडण्यात मदत करते. याव्यतिरिक्त, साइटवर चिन्हांचा मोठा संच आहे.

आणि शेवटी, पुन्हा वापरकर्ता इंटरफेस. UI डिझाइनसाठी येथे फक्त रंगांचा संच आहे. कोणत्याही रंगावर क्लिक करून, विशिष्ट पार्श्वभूमीवर पांढरा मजकूर कसा वाचला जाईल ते तुम्ही पाहू शकता.

माझ्या बुकमार्कमध्ये ही साधने आहेत.

टिप्पण्यांमध्ये लिहा की वेब डिझाइनसाठी तुम्ही कोणती रंग निवड साइट वापरता?

डिझायनरच्या कामात रंग हा सर्वात महत्वाचा घटक आहे. परंतु एक संकल्पना म्हणून, त्यात प्रभुत्व मिळवणे खूप कठीण असू शकते: पॅलेटच्या अनेक संयोजनांमुळे, वेब पृष्ठे आणि अनुप्रयोगांचा इंटरफेस कसा सर्वोत्तम डिझाइन करायचा हे ठरवणे अनेकदा कठीण असते. आम्ही पूर्वी पसंतीच्या साधनांची पुनरावलोकने प्रकाशित केली आहेत आणि . आणि आज आम्हाला ब्लॉगवर निक बेबिचच्या UX डिझायनर्ससाठी Essential Color Tools या लेखाचा अनुवाद पोस्ट करून विषयाचा विस्तार करायचा आहे.

नोटमध्ये वेबसाइट्स आणि UX डिझाइनसाठी सर्वोत्कृष्ट रंग निवड सेवांची सूची आहे जी तुम्हाला बराच वेळ वाचविण्यात मदत करेल. या प्रकल्पांद्वारे तुम्ही शिकाल:

• प्रेरणा कोठून मिळवायची;
• आपले स्वतःचे पॅलेट कसे तयार करावे;
• रंग दृष्टीदोष असलेल्या लोकांसाठी डिझाइन कसे सुलभ करावे.

1. प्रेरणा शोधत आहात

निसर्गाचे रंग

आपल्या सभोवतालच्या जगातून काढा. तुम्हाला फक्त आजूबाजूला पाहण्याची गरज आहे. फॅशनेबल कपडे, पुस्तकांची मुखपृष्ठे, आतील रचना... तुमच्या आजूबाजूला अनेक आश्चर्यकारक गोष्टी आहेत. पण सर्वोत्तम रंग संयोजन निसर्गाचे रंग आहेत. एक सुंदर क्षण कॅप्चर करा आणि विशिष्ट प्रतिमेवर आधारित तुमची स्वतःची निवड तयार करण्याचा प्रयत्न करा.

सर्वोत्तम रंग संयोजन निसर्गात आढळतात. आपण कोणत्याही फोटोवरून रंगसंगती मिळवू शकता

बेहेन्स

या लोकप्रिय सेवेमध्ये तुम्हाला त्यांच्या क्षेत्रातील वास्तविक व्यावसायिकांच्या सर्वोत्तम ऑनलाइन पोर्टफोलिओमध्ये समाविष्ट केलेली मनोरंजक कामे आढळतील. ही साइट देखील प्रेरणा स्त्रोत आहे. प्रकल्पांची नवीन योग्य उदाहरणे पाहण्यासाठी, फक्त तुम्हाला हवा असलेला रंग निवडा.

ड्रिबल रंग

वापरकर्ता इंटरफेस तयार करताना ड्रिबल हे सर्वोत्कृष्ट कामांपैकी एक आहे. इतरांनी विशिष्ट रंग कसा वापरला आहे हे तुम्हाला दृष्यदृष्ट्या समजून घ्यायचे असल्यास, dribbble.com/colors वर जा आणि तुम्हाला हवे असलेले मूल्य प्रविष्ट करा.

साइटसाठी रंग निवडताना, येथे आपण त्याची किमान टक्केवारी सेट करू शकता - प्रयोग, उदाहरणार्थ, 30% निळा सेट करण्याचा प्रयत्न करा.

ड्रिबलमध्ये विशिष्ट रंगाची किमान टक्केवारी सेट करण्याचा प्रयत्न करा

डिझाइन प्रेरणा

डिझाईनस्पिरेशन हे प्रामुख्याने त्यांच्यासाठी एक उपयुक्त साधन आहे ज्यांना आधीच रंग संयोजनाची कल्पना आहे आणि त्यांना अशा संयोजनांची उदाहरणे पहायची आहेत. 1 ते 5 पर्यायांमधून निवडा आणि तुम्हाला निर्दिष्ट पॅरामीटर्सशी जुळणारी चित्रे सापडतील.

Designspiration मध्ये तुम्हाला रंग संयोजनांची वेगवेगळी उदाहरणे मिळतील

Tineye मल्टीकोलर

Tineye Multicolr रंग जुळणी सेवा वापरून, आपण प्रतिमेचा इच्छित गामा निर्धारित करू शकता आणि त्या प्रत्येकाची टक्केवारी (गुणोत्तर) देखील सेट करू शकता. साइट फ्लिकरच्या 20 दशलक्ष क्रिएटिव्ह कॉमन्स फोटोंच्या डेटाबेससह एकत्रित केली आहे. परिपूर्ण पॅलेट शोधण्याचा हा नक्कीच सर्वात वेगवान मार्ग आहे.

कलरझिला

ColorZilla हा Chrome आणि Mozilla Firefox ब्राउझरमध्ये इंस्टॉलेशनसाठीचा विस्तार आहे. यात आयड्रॉपर, पॅलेट ब्राउझिंग, निर्मिती आणि बरेच काही यासारखी साधने समाविष्ट आहेत.

ColorZilla विस्तार Chrome आणि Firefox मध्ये उपलब्ध आहे

शटरस्टॉक स्पेक्ट्रम

रंगसंगती कशी दिसेल याची कल्पना करण्याचा एक उत्तम मार्ग म्हणजे संबंधित प्रतिमा पाहणे. वेबसाइट डिझाइनसाठी रंग निवडी ऑफर करणाऱ्या बहुतेक समाधानांमध्ये हे वैशिष्ट्य समाविष्ट आहे, परंतु शटरस्टॉक स्पेक्ट्रममध्ये एक अविश्वसनीयपणे वापरकर्ता-अनुकूल इंटरफेस आणि पूर्वावलोकन आहे जे खरोखर उपयुक्त ठरू शकते.

शिवाय, आपल्याला सबस्क्रिप्शनची आवश्यकता नाही, कारण चित्राचे प्राथमिक मूल्यांकन पुरेसे असेल (त्यावर "वॉटरमार्क" असले तरीही).

W3 शाळा

अलीकडे ब्लॉगने W3Schools मधील निवडीचे पुनरावलोकन केले. तेथे विषयावर बरीच माहिती गोळा केली आहे, त्यांची नावे/शेड्सच्या कोड्सपासून सुरू होणारी, पॅलेट एकत्र करण्याचा सिद्धांत आणि विविध स्वरूपांच्या वर्णनासह समाप्त होणारी माहिती: HEX, RGB, CMYK, HWB, इ. तुम्हाला सोपे देखील मिळेल. जनरेटर, कन्व्हर्टर आणि तत्सम “मिनी-सेवा”. एकूणच, पाहणे मनोरंजक आहे.

2. रंग पॅलेट तयार करा

मटेरियल डिझाइन कलर टूल

मटेरियल डिझाईन कलर टूल तुम्हाला तुमच्या निवडींसाठी रंगसंगती तयार करण्यास, सामायिक करण्यास आणि रफ यूजर इंटरफेस पाहण्याची परवानगी देते. त्याच्या उपयुक्त कार्यांपैकी एक म्हणजे कोणत्याही रंग संयोजनाची प्रवेशयोग्यता पातळी मोजणे.

रंग

कलर्स ही एक मल्टी-कलर पॅलेट तयार करण्यासाठी एक साइट आहे. फक्त विशिष्ट रंग पिन करा आणि स्पेस बार दाबा. साधन देखील चांगले आहे कारण तुम्हाला एकापेक्षा जास्त परिणाम मिळतील, परंतु तुम्ही फक्त प्रारंभिक डेटा बदलून अनेक पर्याय निर्माण करू शकता.

फोटोवर आधारित कलर्समधील रंग योजना

Adobe कलर CC

रंग जुळणारी सेवा Adobe Color CC (पूर्वीचे Kuler) आता खूप लोकप्रिय आहे. हे इंटरनेटवर विनामूल्य उपलब्ध आहे, परंतु डिसेक्टर आवृत्ती देखील आहे. या वेब ऍप्लिकेशनसह तुम्ही कलर व्हील वापरून तुमचे स्वतःचे पॅलेट बनवाल:

किंवा आपण तयार केलेल्या प्रतिमेवरून विशिष्ट परिणाम मिळवू शकता:

चित्रावर आधारित वेबसाइटसाठी रंग निवडणे

येथे शेकडो रेडीमेड कॉम्बिनेशन्स आहेत, त्यांना “पहा” विभागात शोधा:

तुम्ही डेस्कटॉप आवृत्ती वापरत असल्यास, तुम्ही तयार केलेली कलर सिस्टीम एका क्लिकवर InDesign, Photoshop आणि Illustrator वर निर्यात करू शकता.

पॅलेटॉन

त्याची तुलना अनेकदा मागील Adobe Color CC शी केली जाते कारण डिझाईन्स खूप समान असतात. फरक एवढाच आहे की पॅलेटॉनमध्ये तुम्ही पाच पॅरामीटर्सपर्यंत मर्यादित नाही, परंतु अतिरिक्त इंटरफेस टोनसह प्रयोग करू शकता.

याव्यतिरिक्त, आपण पाहू शकता. इतरांसह, अनुप्रयोग तुम्हाला फक्त तुमचा स्मार्टफोन वापरून कोठेही काम करण्याची परवानगी देतो. रंग पॅलेट तयार/निर्यात करण्याच्या थेट कार्यांव्यतिरिक्त, येथे तुम्ही चित्रांमधून विशिष्ट रंग निवडू शकता किंवा मूलभूत पर्याय वापरू शकता.

3. पॅलेट प्रवेशयोग्य बनवणे

आजकाल, रंग दृष्टीचे विकार आपल्या लक्षात येण्यापेक्षा जास्त सामान्य आहेत. जगातील सुमारे 285 दशलक्ष लोकांना दृष्टी समस्या येतात. तुम्ही निवडलेला एक अशा वापरकर्त्यांसाठी उपलब्ध आहे की नाही हे तुम्ही नेहमी तपासले पाहिजे.

WebAIM कलर कॉन्ट्रास्ट तपासक

काही टोन एकमेकांशी चांगले जातात, तर काही - अगदी उलट. मोठ्या संख्येने प्रकल्प A/A चाचणीत अपयशी ठरतात आणि ही वस्तुस्थिती आहे. इंटरफेसचे व्हिज्युअल डिझाइन आणि टोनचा कॉन्ट्रास्ट तपासणे फार महत्वाचे आहे, विशेषत: पृष्ठावर भरपूर मजकूर असल्यास. या हेतूंसाठी, वेबसाइट रंग निवडताना वापरा.

WebAIM कलर कॉन्ट्रास्ट चेकर हे वेब-आधारित साधन आहे जे हेक्साडेसिमल मूल्यांमध्ये रंग कोड तपासते.

रंग

या सेवेचा आम्ही वर उल्लेख केला आहे. इतर गोष्टींबरोबरच, कलर आपल्याला रंग अंधत्वासाठी आपल्या शोधलेल्या पॅलेटची तपासणी करण्यास देखील मदत करेल.

आकृतीमध्ये रंग अंधत्वाचा प्रकार

सामान्य मोड ऐवजी, तुम्हाला ज्या प्रकारची दृष्टी समस्या सिम्युलेट करायची आहे ते निवडा. परिणामी, विशिष्ट रंगांमध्ये फरक न करू शकणाऱ्या व्यक्तीला तुमची रचना कशी दिसेल हे तुम्हाला नक्की समजेल.

अशाप्रकारे प्रोटोनोमली असलेली व्यक्ती पॅलेट पाहते

क्रोमसाठी नोकॉफी व्हिजन सिम्युलेटर

NoCoffee व्हिजन सिम्युलेटर वेबसाइट वापरून, रंगांधळेपणा किंवा कमी दृष्टी असलेल्या लोकांना विशिष्ट वेब पृष्ठे कशी दिसतात ते तुम्ही पाहू शकता. उदाहरणार्थ, जर तुम्ही "रंग कमतरता" विभागात "Achromatopsia" पॅरामीटर निर्दिष्ट केले, तर तुम्हाला वेब पृष्ठ राखाडी रंगात दिसेल.

ड्युटेरॅनोपिया असलेल्या व्यक्तीसाठी सीएनएन प्रकल्प असे दिसते.

निष्कर्ष

लेखात नमूद केलेल्या सर्व वेबसाइट कलर मॅचिंग आणि UX डिझाइन सेवा तुम्हाला तुमच्या मनोरंजक आणि प्रभावी पॅलेटच्या शोधात नक्कीच मदत करतील. परंतु लक्षात ठेवा: आश्चर्यकारक पॅलेट कसे तयार करायचे हे शिकण्याचा सर्वोत्तम मार्ग म्हणजे सराव करणे आणि बरेच प्रयोग करणे.

कोणत्याही वेब डिझायनरला किती महत्त्व आहे हे समजते. रंगाच्या मदतीने, उच्चार ठेवले जातात - महत्त्वपूर्ण तपशीलांवर जोर दिला जातो आणि सहाय्यक लपविले जातात. रंग मूड तयार करतो. वेबसाइट अभ्यागताला एक अक्षर वाचण्याआधी किंवा विशिष्ट छायाचित्रात काय दाखवले आहे हे समजण्यापूर्वीच रंग ही पहिली गोष्ट दिसते. रंग पॅलेटतुमची साइट अभ्यागताला उशीर करू शकते किंवा त्याला घाबरवू शकते.

योग्य रंग पॅलेट निवडत आहे- एक आदर्श आणि निर्दोष वेबसाइट तयार करण्याच्या दिशेने पहिले पाऊल. प्रत्येक पृष्ठ घटकाचा रंग केवळ दृश्याशी संबंधित घटकांशीच नव्हे तर पृष्ठाच्या आणि संपूर्ण साइटच्या एकूण रंगसंगतीशी सुसंगत असावा.

प्रवासाच्या सुरुवातीला चुका होऊ नयेत म्हणून आम्ही एक छोटीशी तयारी केली आहे रंग योजना जनरेटरचे पुनरावलोकन, तुमची साइट विकसित करताना तुम्ही वापरणार असलेल्या प्राथमिक रंगांची योग्य संख्या आणि संयोजन निवडण्याची परवानगी देते. त्यापैकी काही अगदी सोप्या आहेत आणि त्यांच्याकडे मानक कार्यक्षमता आहे, तर इतरांमध्ये अनेक अद्वितीय कार्ये आहेत. परंतु हे सर्व निःसंशयपणे एक अद्वितीय वेबसाइट डिझाइन विकसित करण्यात अमूल्य सहाय्य प्रदान करतील.

Adobe कलर CC

पॅलेटॉन

मला शैलीबद्ध करा

रंग