रंग और वेब रंग योजनाओं को समझना
चार मूल रंग योजनाएं हैं जिनका उपयोग आप किसी वेबसाइट के लिए कर सकते हैं। इस आलेख का प्रत्येक पृष्ठ रंग योजना की एक तस्वीर दिखाता है, और आप फ़ोटोशॉप में एक समान योजना कैसे उत्पन्न कर सकते हैं।
- एकरंगाएक ही रंग के रंगों का उपयोग करना। सफेद या काला कितना जोड़ा जाता है, इस पर निर्भर करता है कि उनके पास अलग-अलग टिनट या शेड हो सकते हैं।
- अनुरूपयह रंगीन पहिया पर एक दूसरे के करीब रंगों का उपयोग करता है।
- पूरकइसे अक्सर "विपरीत" के रूप में देखा जाता है क्योंकि पूरक रंग योजना में दो रंग कलर व्हील पर एक-दूसरे के विपरीत होते हैं।
- triadicये रंग रंगीन पहिया पर समान रूप से दूरी पर हैं।
सभी रंग योजनाएं इस पीले रंग के आधार के रूप में उपयोग करेंगी।
10 में से 02मोनोक्रोमैटिक वेब कलर स्कीम
यह रंग योजना मेरे बेस रंग के सरसों के पीले रंग का उपयोग करती है और तदनुसार कुछ सफेद और काले रंग को जोड़ती है और तदनुसार योजना को छाया देती है।
- ऊपरी बाएं - आधार रंग # एफएफ 500
- ऊपरी दाएं - # fff280 प्राप्त करने के लिए 50% सफेद भरें
- निचला बायां - # fff8bf प्राप्त करने के लिए 75% सफेद भरें
- निचला दायां - # 7f7200 प्राप्त करने के लिए 50% काला भर गया
मोनोक्रोमैटिक रंग योजनाएं सभी रंग योजनाओं की आंखों पर अक्सर सबसे आसान होती हैं। टिंट और छाया में सौम्य परिवर्तन रंगों को एक-दूसरे में बेहतर बनाते हैं। अपनी साइट को अधिक तरल पदार्थ और एकत्रित करने के लिए इस रंग योजना का उपयोग करें।
10 में से 03अधिक मोनोक्रोमैटिक वेब रंग योजना
योजना में अधिक रंग पाने के लिए 20% काला का एक वर्ग जोड़ा गया। अपने रंगों में काले या सफेद जोड़ना पृष्ठ के स्वर को गड़बड़ किए बिना अपने पैलेट में एक नया रंग बना सकता है।
10 में से 04एनालॉगस वेब कलर स्कीम
यह रंग योजना पीले रंग के आधार रंग लेती है और फ़ोटोशॉप रंग पैलेट में रंग को 30 डिग्री जोड़ती है और घटाती है।
- ऊपरी बाएं - आधार रंग # एफएफ 500
- ऊपरी दाएं - # 99 डिग्री प्राप्त करने के लिए +30 डिग्री
- # एफएफ 6600 प्राप्त करने के लिए निचला बायां - -30 डिग्री
- निचला दायां - 100% सफेद #ffffff
एनालॉग रंग एक साथ बहुत अच्छी तरह से काम कर सकते हैं, लेकिन कभी-कभी वे बुरी तरह से संघर्ष कर सकते हैं। अपने आप से, अपने परिवार और दोस्तों की तुलना में अधिक लोगों के साथ इन योजनाओं का परीक्षण करना सुनिश्चित करें। जब वे काम करते हैं, तो वे एक ऐसी साइट बनाते हैं जो मोनोक्रोमैटिक योजना से अधिक रंगीन हो, लेकिन लगभग तरल पदार्थ के रूप में।
10 में से 05अधिक एनालॉगस वेब रंग योजना
योजना में अधिक रंग पाने के लिए 20% काला का एक वर्ग जोड़ा गया।
10 में से 06पूरक वेब रंग योजना
पूरक रंग योजनाएं, अन्य रंग योजनाओं के विपरीत आम तौर पर केवल दो रंग होते हैं। आधार रंग और यह रंग पहिया पर विपरीत है। फ़ोटोशॉप पूरक रंग प्राप्त करना आसान बनाता है - बस उस रंग के क्षेत्र का चयन करें जिसे आप पूरक बनाना चाहते हैं और Ctrl-I दबाएं। फ़ोटोशॉप इसे आपके लिए उलटा कर देगा। डुप्लिकेट परत पर ऐसा करना सुनिश्चित करें, इसलिए आप अपना आधार रंग खोना नहीं चाहते हैं।
- बाएं - आधार रंग # एफएफ 500
- सही - पूरक # 001aff
पूरक रंग योजनाएं अक्सर अन्य रंग योजनाओं की तुलना में बहुत अधिक हड़ताली होती हैं, इसलिए देखभाल के साथ उनका उपयोग करें। वे अक्सर उन टुकड़ों पर उपयोग किए जाते हैं जिन्हें खड़े होने की आवश्यकता होती है।
10 में से 07अधिक पूरक वेब रंग योजना
इस संस्करण को पाने के लिए, मैंने रंगों के निचले हिस्से में 50% सफेद और केंद्र वर्ग में 30% काला जोड़ा। जैसा कि आप देख सकते हैं, यह आपको कुछ और विकल्प देता है लेकिन यह अभी भी एक पूरक रंग योजना है।
10 में से 08ट्रायडिक वेब रंग योजना
ट्रायडिक कलर स्कीम 3 रंगों से बना है जो रंगीन पहिया के चारों ओर समान रूप से दूरी पर हैं। चूंकि एक रंगीन पहिया 360 डिग्री है, इसलिए मैंने बेस पिकर से 120 डिग्री जोड़ने और घटाने के लिए कलर पिकर में ह्यू बॉक्स का उपयोग किया।
- ऊपरी बाएं - आधार रंग # एफएफ 500
- ऊपरी दाएं - # ई 500 एफ प्राप्त करने के लिए +120 डिग्री
- # 00ffe6 पाने के लिए निचला बायां - -120 डिग्री
- निचला दायां - 100% सफेद #ffffff
त्रैमासिक रंग योजनाएं अक्सर बहुत जीवंत वेब पेज उत्पन्न करती हैं। लेकिन पूरक रंग योजनाओं की तरह, वे अलग-अलग लोगों को प्रभावित कर सकते हैं। परीक्षण करना सुनिश्चित करें।
आप टेट्रैडिक या 4-रंगीन कलर स्कीम भी बना सकते हैं, जहां रंग रंगीन पहिया के चारों ओर समान दूरी पर होते हैं।
10 में से 09अधिक Triadic वेब रंग योजना
अन्य उदाहरणों के साथ, मैंने अतिरिक्त रंग प्राप्त करने के लिए रंगों में 30% काला वर्ग जोड़ा।
10 में से 10विचित्र वेब रंग योजनाएं
सौंदर्य दर्शक की नजर में है, लेकिन यह एक दुर्भाग्यपूर्ण तथ्य है कि सभी रंग एक साथ नहीं जाते हैं। विचित्र रंग रंग होते हैं जो कलर व्हील पर लगभग 30 डिग्री से अधिक दूर होते हैं और पूरक या त्रिभुज का हिस्सा नहीं होते हैं।
विचित्र रंग योजनाएं बहुत चौंकाने वाली हो सकती हैं और केवल ध्यान उत्पन्न करने के लिए उपयोग की जानी चाहिए। याद रखें कि क्योंकि ये रंग अक्सर संघर्ष करेंगे, आपको जो ध्यान मिल रहा है वह वही नहीं हो सकता है जो आप खोज रहे हैं।
