इस टूल के बारे में
रंग सामंजस्य सीधे कलर व्हील से लिए गए ह्यू संबंध हैं: पूरक (complementary) अधिकतम कंट्रास्ट के लिए दो विपरीत ह्यू जोड़ता है, समरूप (analogous) शांत, एकसमान अनुभव के लिए तीन पड़ोसी ह्यू को समूहित करता है, त्रिकोणीय (triadic) संतुलित रहते हुए भी जीवंत लुक के लिए तीन ह्यू को समान दूरी पर रखता है, चतुष्कोणीय (tetradic) चार ह्यू को समान दूरी पर रखकर एक समृद्ध पैलेट बनाता है जिसे संतुलित करना अधिक मुश्किल होता है, और स्प्लिट-पूरक (split-complementary) एकमात्र सच्चे पूरक के बजाय उसके दोनों ओर के ह्यू का उपयोग करता है — कम दृश्य तनाव के साथ पूरक योजना जैसा अधिकांश कंट्रास्ट।
एक बेस रंग चुनें, एक योजना चुनें, और यह टूल समान सैचुरेशन और लाइटनेस पर बाकी सभी ह्यू की गणना कर देता है ताकि पूरा सेट एक ही परिवार जैसा दिखे। हर स्वैच अपना सटीक hsl() मान दिखाता है और क्लिक करने पर उसे क्लिपबोर्ड पर कॉपी कर देता है — इसे सीधे CSS में डालें। सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है; कुछ भी अपलोड नहीं होता, और आपका बेस रंग व अंतिम योजना अगली बार के लिए याद रखी जाती है।
अक्सर पूछे जाने वाले प्रश्न
वेबसाइट के लिए मुझे कौन सी हार्मनी स्कीम का उपयोग करना चाहिए?
सामग्री साइटों के लिए समान (analogous) स्कीम शांत और सुसंगत दिखती हैं, जबकि पूरक या स्प्लिट-पूरक स्कीम कॉल-टू-एक्शन के लिए अधिक मजबूत कंट्रास्ट बनाती हैं — कुछ आज़माएं और देखें कि आपके ब्रांड पर क्या फिट बैठता है।
क्या यह रंग एक्सेसिबिलिटी/कंट्रास्ट को ध्यान में रखता है?
नहीं — स्कीम केवल शुद्ध ह्यू गणित हैं, कंट्रास्ट-चेक्ड नहीं। लॉन्च करने से पहले हमेशा टेक्स्ट/बैकग्राउंड जोड़ों को WCAG कंट्रास्ट अनुपात के विरुद्ध अलग से सत्यापित करें।