रंग पैलेट जनरेटर क्या है?

रंग पैलेट जनरेटर रंग सिद्धांत के आधार पर सामंजस्यपूर्ण रंग संयोजन बनाता है। एक आधार रंग और सामंजस्य नियम चुनें और तुरंत पैलेट बनाएं।

शुरू करने के तीन तरीके: कलर पिकर से बेस रंग चुनें या hex कोड पेस्ट करें, किसी फ़ोटो को छोड़कर उसके प्रमुख रंग निकालें, या ocean या sunset जैसा कोई मूड टाइप करें। फिर एक हार्मनी नियम चुनें और टूल कलर व्हील पर रंग-सिद्धांत के अनुपात से बाकी पैलेट बना देता है। जिन रंगों को रखना है उन्हें लॉक करें, बाकी को शफ़ल करें, किसी पसंद के रंग पर क्लिक करके पूरे पैलेट को उसके इर्द-गिर्द दोबारा बनाएँ, और वर्णांधता फ़िल्टर में नतीजा देखें। पाँचों रंगों को CSS कस्टम-प्रॉपर्टी ब्लॉक, Tailwind कॉन्फ़िग या डिज़ाइन सिस्टम के लिए JSON फ़ाइल के रूप में एक्सपोर्ट करें, या स्ट्रिप को PNG या SVG इमेज के रूप में सेव करके किसी ब्रीफ़ या सोशल पर शेयर करें।

उपयोग कैसे करें

1. किसी बेस रंग से शुरू करें, फ़ोटो छोड़कर उसके रंग निकालें, या ocean या sunset जैसा मूड टाइप करें
2. हार्मनी रूल चुनें: कॉम्प्लीमेंट्री, एनालॉगस, ट्रायाडिक, स्प्लिट-कॉम्प्लीमेंट्री, टेट्राडिक या मोनोक्रोमैटिक
3. किसी भी स्वैच को HEX, RGB या HSL में कॉपी करें, एक्सेसिबल पेयर ढूँढने के लिए कॉन्ट्रास्ट ग्रिड देखें, फिर पूरा पैलेट CSS, Tailwind कॉन्फ़िग, JSON या PNG / SVG स्वैच इमेज के रूप में एक्सपोर्ट करें

कब उपयोग करें

• क्लाइंट से अप्रूव हुए एक मेन कलर के आधार पर पूरी ब्रांड पैलेट तैयार करना।
• चार्ट या डैशबोर्ड के लिए साफ़ दिखने वाले एक्सेंट कलर चुनना।
• स्लाइड या सोशल पोस्ट से पहले झटपट कई कलर कॉम्बिनेशन ट्राय करना।

परिणाम

आधार रंग #3498DB के साथ त्रिवर्ण सामंजस्य: #3498DB, #976CD6, #DB3498।

अक्सर पूछे जाने वाले प्रश्न

कॉम्प्लीमेंट्री, एनालॉगस और ट्रायाडिक हार्मनी में फ़र्क क्या है?

कॉम्प्लीमेंट्री बेस को व्हील पर उसके 180° विपरीत रंग के साथ रखती है — सबसे ज़्यादा कॉन्ट्रास्ट। एनालॉगस सब रंग लगभग 30° के अंदर रखती है, इसलिए सब कुछ शांत लगता है। ट्रायाडिक तीन रंग 120°-120° पर रखती है, यानी मज़बूत पर बैलेंस्ड कॉन्ट्रास्ट।

क्या मैं अपना पसंदीदा रंग रख कर बाकी नए बना सकता हूँ?

हाँ। जिन खानों को रखना है उनके लॉक बटन पर क्लिक करें, फिर हार्मनी या बेस रंग बदलें या शफ़ल दबाएँ। लॉक्ड खाने जैसे के तैसे रहते हैं और बाकी रंग उनके आसपास फिर से बन जाते हैं।

कौन-सा एक्सपोर्ट फ़ॉर्मेट चुनें?

CSS आपको --color-1 जैसी कस्टम प्रॉपर्टीज़ देता है, Tailwind विकल्प आपकी कॉन्फ़िग में सीधे लगने वाला theme.extend.colors ब्लॉक देता है, और JSON डिज़ाइन-टोकन टूल्स या स्क्रिप्ट्स के लिए एक स्ट्रक्चर्ड ऑब्जेक्ट है। पैलेट को तस्वीर की तरह शेयर करने के लिए — ब्रीफ़, डेक या सोशल पोस्ट में — बिटमैप के लिए PNG और साफ़ वेक्टर स्वैच स्ट्रिप के लिए SVG चुनें।

क्या ये पैलेट WCAG कॉन्ट्रास्ट पास कर लेती हैं?

इन-बिल्ट कॉन्ट्रास्ट ग्रिड हर जोड़ी को WCAG 2.x की सीमाओं पर परखता है — AAA 7:1 पर, AA 4.5:1 पर, AA बड़ा 3:1 पर — और फेल होने वाले जोड़े गुलाबी में दिखाता है। बॉडी टेक्स्ट या बटन में लगाने से पहले ग्रिड से ही जोड़ी चुनें, क्योंकि हार्मनी रूल विज़ुअल बैलेंस के लिए बने हैं, कॉन्ट्रास्ट रेशो के लिए नहीं।

मेरा कलर डेटा कहाँ जाता है?

कहीं नहीं। रंग की सारी गणना पेज के भीतर ही होती है, और आप जो भी फ़ोटो छोड़ते हैं वह रंग निकालने के लिए आपके डिवाइस पर ही पढ़ी जाती है — वह कहीं नहीं भेजी जाती। आपका बेस रंग, पैलेट और एक्सपोर्ट फ़ाइलें लोकल ही रहती हैं, इसलिए कोई अनरिलीज़ ब्रांड पैलेट आपके अपने क्लिपबोर्ड जितना ही निजी रहता है।

संबंधित उपकरण