कलर पिकर

डिज़ाइनर की तरह रंग चुनने की पूरी गाइड

रंग डिज़ाइन में सबसे तेज़ भावनात्मक संकेत है — विज़िटर मिलीसेकंड में वेबसाइट के बारे में राय बना लेते हैं, और रंग ही ज़्यादातर बात करता है। फिर भी ज़्यादातर लोग रंग अस्पष्ट भावना से चुनते हैं और उम्मीद करते हैं। यह गाइड आपको काम का ज्ञान देती है: कलर मॉडल, सामंजस्य नियम, एक्सेसिबिलिटी और व्यावहारिक वर्कफ़्लो।

कलर मॉडल, सरल भाषा में

HEX (#3B82F6) कॉम्पैक्ट लिखा RGB है — लाल, हरे, नीले के लिए छह हेक्साडेसिमल अंक। यह वेब CSS की आम भाषा है।RGB (59, 130, 246) वही डेटा दशमलव में है, जो डिज़ाइन टूल और कैनवास कोड में इस्तेमाल होता है।HSL (217°, 91%, 60%) रंग को ह्यू (व्हील पर स्थिति), सैचुरेशन (तीव्रता) और हल्कापन के रूप में फिर से बनाता है — इंसानों के लिए कहीं आसान: 'इसे थोड़ा गहरा करें' का मतलब सिर्फ़ L घटाना है।CMYK प्रिंट के लिए है, स्क्रीन के लिए नहीं — इसे नज़रअंदाज़ करें जब तक आप कुछ प्रिंटर पर नहीं भेज रहे। स्वतंत्र रूप से बदलें; रंग एक जैसा है, सिर्फ़ नोटेशन बदलता है।

सामंजस्य: वे रंग जो साथ में अच्छे लगते हैं

कलर व्हील आपकी चीट शीट है। पूरक जोड़े (विपरीत: नीला/नारंगी) अधिकतम ऊर्जा और कंट्रास्ट बनाते हैं — CTA के लिए बढ़िया। समान समूह (पड़ोसी: नीला/टील/हरा) शांत और एकजुट लगते हैं — बैकग्राउंड के लिए बढ़िया। त्रिकोणीय तिघड़े (समान दूरी पर: लाल/पीला/नीला) चंचल और बोल्ड लगते हैं। एक-रंगीय स्कीम (एक ह्यू, अलग हल्कापन) सहजता से परिष्कृत दिखती हैं। सामान्य नियम: एक प्रमुख रंग, एक सहायक रंग और एक एक्सेंट चुनें — फिर रुक जाएँ। ज़्यादातर भद्दे पैलेट ग़लत रंगों से नहीं, बहुत ज़्यादा रंगों से विफल होते हैं।

60-30-10 नियम

इंटीरियर डिज़ाइनर इस पर कसम खाते हैं और यह स्क्रीन पर भी काम करता है: 60% प्रमुख रंग (बैकग्राउंड), 30% द्वितीयक (सेक्शन, कार्ड), 10% एक्सेंट (बटन, लिंक, हाइलाइट)। यह गारंटी देता है कि आप कोई भी ह्यू चुनें, संतुलन बना रहेगा।

एक्सेसिबिलिटी वैकल्पिक नहीं है

12 में से लगभग 1 पुरुष को किसी न किसी तरह की कलर-विज़न कमी होती है। कभी सिर्फ़ रंग में अर्थ न छिपाएँ — इसे लेबल, आइकन या पैटर्न के साथ जोड़ें। टेक्स्ट के लिए कंट्रास्ट अनुपात जाँचें (WCAG के हिसाब से बॉडी टेक्स्ट के लिए न्यूनतम 4.5:1); हमारा कंट्रास्ट चेकर टूल इसे एक क्लिक में सत्यापित करता है। हल्के बैकग्राउंड पर गहरा टेक्स्ट अब तक टेस्ट किया गया सबसे पढ़ने योग्य संयोजन है।

वर्कफ़्लो टिप्स

आईड्रॉपर से वास्तविक प्रेरणा का नमूना लें — ब्रांड लोगो, फ़ोटोग्राफ़, मूवी पोस्टर। एक छोटा पैलेट (3–5 रंग) बनाएँ और तुरंत विज़ुअल निरंतरता के लिए इसे हर जगह दोबारा इस्तेमाल करें। अपने नोट्स में रंगों के नाम रखें ('ब्रांड ब्लू', 'अलर्ट रेड') ताकि पूरी टीम समान मान इस्तेमाल करे। और शक हो तो प्रकृति से चुराएँ: सूर्यास्त, जंगल और महासागरों ने लाखों वर्षों में पैलेट परफ़ेक्ट कर लिए हैं।