10 में से 01
रंग और वेब रंग योजनाओं को समझना
चार मूल रंग योजनाएं हैं जिनका उपयोग आप किसी वेबसाइट के लिए कर सकते हैं। इस आलेख का प्रत्येक पृष्ठ रंग योजना की एक तस्वीर दिखाता है, और आप फ़ोटोशॉप में एक समान योजना कैसे उत्पन्न कर सकते हैं।
- एकरंगा
एक ही रंग के रंगों का उपयोग करना। सफेद या काला कितना जोड़ा जाता है, इस पर निर्भर करता है कि उनके पास अलग-अलग टिनट या शेड हो सकते हैं। - अनुरूप
यह रंगीन पहिया पर एक दूसरे के करीब रंगों का उपयोग करता है। - पूरक
इसे अक्सर "विपरीत" के रूप में देखा जाता है क्योंकि पूरक रंग योजना में दो रंग कलर व्हील पर एक-दूसरे के विपरीत होते हैं। - 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 डिग्री से अधिक दूर होते हैं और पूरक या त्रिभुज का हिस्सा नहीं होते हैं।
विचित्र रंग योजनाएं बहुत चौंकाने वाली हो सकती हैं और केवल ध्यान उत्पन्न करने के लिए उपयोग की जानी चाहिए। याद रखें कि क्योंकि ये रंग अक्सर संघर्ष करेंगे, आपको जो ध्यान मिल रहा है वह वही नहीं हो सकता है जो आप खोज रहे हैं।