पीला - अर्थ, पैलेट, पूरक रंग और सामंजस्य
रंग के लिए एक व्यावहारिक मार्गदर्शिका पीला: प्रतीकवाद और मनोविज्ञान, द रंग पहिया रिश्ते (पूरक, अनुरूप, त्रियादिक), सुलभ रंग संयोजन, और डाउनलोड करने योग्य पैलेट। के बीच कनवर्ट करें हेक्स, आरजीबी, और एचएसएल, सीएसएस वेरिएबल्स की प्रतिलिपि बनाएँ, और एक साथ मेल खाने वाले रंगों का पूर्वावलोकन करें।
युक्ति: दबाएँ प्रवेश करना सभी मानों को अद्यतन करने के लिए किसी भी फ़ील्ड के अंदर।
एक नज़र में पीला
पीला रंग धूप, गर्मी, जिज्ञासा और आशावाद का संकेत देता है। यह कॉल-टू-एक्शन, मूल्य टैग और अलर्ट को हाइलाइट करने के लिए एक उत्कृष्ट रंग के रूप में उत्कृष्ट है। लंबे समय तक पढ़ने के लिए, आराम के लिए नरम रंगों को प्राथमिकता दें।
शुद्ध पीले रंग में सफेद रंग की तुलना में कम कंट्रास्ट होता है। सुलभ यूआई के लिए, नेवी, चारकोल या गहरे बैंगनी रंग पर पीला रंग रखें। हल्के पीले रंग की पृष्ठभूमि पर काले या बहुत गहरे भूरे रंग के टेक्स्ट का उपयोग करें।
पीली पट्टियाँ
स्वतः उत्पन्न टिंट (अधिक सफ़ेद), रंगों (अधिक काला), और टन (अधिक ग्रे) वर्तमान पीले से। HEX की प्रतिलिपि बनाने के लिए किसी भी नमूने पर क्लिक करें। आप पीएनजी पैलेट भी डाउनलोड कर सकते हैं.
टिंट करता
रंगों
टन
कलर व्हील हार्मोनीज़
अन्वेषण करना पूरक रंग जोड़े, अनुरूप पड़ोसी, और त्रैमासिक इस पीले रंग से सेट. ये तैयार संयोजन आपको ऐसे रंग ढूंढने में मदद करते हैं जो एक साथ अच्छे लगते हैं।
रंग चक्र पर विपरीत रंग सीटीए और बैज के लिए उच्च कंट्रास्ट बनाते हैं।
पहिए पर पड़ोसी सामंजस्यपूर्ण महसूस करते हैं - पृष्ठभूमि और ग्रेडिएंट के लिए बढ़िया।
तीन समान दूरी वाले रंग डैशबोर्ड और चार्ट के लिए संतुलित कंट्रास्ट प्रदान करते हैं।
अनुप्रयोग और सर्वोत्तम प्रथाएँ
ब्रांडिंग
पीला रंग खुदरा, भोजन, बच्चों के उत्पादों और यात्रा ब्रांडों में मित्रता और ऊर्जा जोड़ता है। पेशेवर संतुलन और पठनीय टाइपोग्राफी के लिए इसे चारकोल या डीप नेवी के साथ जोड़ें।
यूआई और अभिगम्यता
बटन और हाइलाइट्स के लिए पीले रंग का उपयोग करें। लंबी सामग्री के लिए, WCAG कंट्रास्ट को पूरा करने के लिए गहरे टेक्स्ट के साथ पृष्ठभूमि के रूप में हल्के रंग चुनें।
विपणन एवं पैकेजिंग
पीला रंग अलमारियों और सामाजिक फ़ीड पर नज़र खींचता है। पूरक नीले या बैंगनी रंग आकर्षक नायक अनुभाग और उत्पाद कार्ड बनाते हैं।
विशेषताएँ
- तुरंत हेक्स ↔ आरजीबी ↔ एचएसएल रूपांतरण और तुल्यकालन.
- ऑटो पैलेट्स: टिंट्स, शेड्स, टोन, साथ ही डाउनलोड करने योग्य पीएनजी पैलेट।
- रंग पहिया सामंजस्य: पूरक, अनुरूप, त्रियादिक सुझाव।
- जल्दी सीएसएस चर डिज़ाइन सिस्टम के लिए निर्यात।
का उपयोग कैसे करें
- एक HEX दर्ज करें (उदा.
#FFD600) या RGB/HSL मान और दबाएँ प्रवेश करना. - किसी भी नमूने का HEX कॉपी करने के लिए उस पर क्लिक करें। मजबूत कंट्रास्ट के लिए पूरक या त्रियादिक सेट का उपयोग करें।
- पैलेट पीएनजी डाउनलोड करें या सीएसएस वेरिएबल कॉपी करें और अपने प्रोजेक्ट में पेस्ट करें।
- हल्के पीले यूआई पर पाठ को पठनीय बनाए रखने के लिए कंट्रास्ट युक्तियों की जांच करें।
अक्सर पूछे जाने वाले प्रश्न
ऐसे कौन से रंग हैं जो पीले रंग के साथ अच्छे लगते हैं?
नेवी, चारकोल, गहरा बैंगनी, और समृद्ध वन हरा जोड़ा अच्छी तरह से। उज्ज्वल लहजे के लिए, पूरक सियान-नीला या बैंगनी रंग का उपयोग करें।
पीले का विपरीत रंग कौन सा है?
आरजीबी/एचएसएल व्हील पर, विपरीत रंग निकट है नीली सियान (पीले रंग से लगभग 180°)।
क्या मैं मुख्य पाठ के लिए पीले रंग का उपयोग कर सकता हूँ?
आमतौर पर हल्के बैकग्राउंड पर नहीं। हाइलाइट्स या आइकन के लिए पीला रखें; इसके बजाय हल्के पीले कार्ड पर गहरे टेक्स्ट का उपयोग करें।