ग्राफ़िक्स / रंग
कलर पैलेट जनरेटर: एक क्लिक में मेल खाते रंग-संयोजन
कलर थ्योरी से रंगों की पैलेट बनाएं: analogous, complementary, triadic, split complementary, monochrome या random—तीन से आठ रंगों तक। पसंदीदा रंगों को लॉक करके बाकी रंग फिर से बनाएं, हर रंग का सफेद रंग के साथ कॉन्ट्रास्ट जांचें और पैलेट को CSS variables, Tailwind config, JSON, hex codes या PNG के रूप में एक्सपोर्ट करें।
कलर पैलेट जनरेटर: एक क्लिक में मेल खाते रंग-संयोजन: हर पैलेट एक मूल ह्यू से शुरू होती है। अगर आपने कोई रंग लॉक किया है, तो उसी से मूल ह्यू लिया जाता है। चुने गए नियम के अनुसार बाकी ह्यू रखे जाते हैं: analogous के लिए 30° के चरण, complementary के लिए विपरीत ह्यू, triadic के लिए 120° के चरण, split complementary के लिए दोनों ओर 150°, या monochrome के लिए गहरे से हल्के तक एक ही ह्यू। रंगों के समूह में हल्के, मध्यम और गहरे रंग रखने के लिए लाइटनेस और सैचुरेशन बदले जाते हैं। हर रंग सफेद के साथ अपना WCAG कॉन्ट्रास्ट अनुपात दिखाता है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- डेवलपर टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
पूरी तरह आपके ब्राउज़र में चलता है
या स्पेस बार दबाएँ। जिन रंगों को रखना चाहते हैं, उन्हें लॉक करें।
#64A6F5सफेद पर 2.5:1#382B9Dसफेद पर 10.5:1#772BB7सफेद पर 7.5:1#BE4BBAसफेद पर 4.3:1#E0367Bसफेद पर 4.2:1:root {
--color-1: #64a6f5;
--color-2: #382b9d;
--color-3: #772bb7;
--color-4: #be4bba;
--color-5: #e0367b;
}
कलर पैलेट का इस्तेमाल
एक आम विभाजन में लगभग 60% एक न्यूट्रल रंग, 30% दूसरा रंग और 10% एक्सेंट रंग होता है, ताकि सबसे गहरे रंग का इस्तेमाल बटन और हाइलाइट के लिए सीमित रूप से किया जाए।
कंट्रास्ट
सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1, WCAG AA का न्यूनतम मान है; 7:1, AAA मान पूरा करता है।
इस्तेमाल करने का तरीका
- सामंजस्य और रंगों की संख्या चुनें।
- जब तक पसंद न आए, generate या space bar दबाएं; रंगों को बनाए रखने के लिए उन्हें लॉक करें।
- पैलेट को कोड के रूप में कॉपी करें या PNG के रूप में डाउनलोड करें।
गोपनीयता और सीमाएँ
सब कुछ आपके ब्राउज़र में जनरेट होता है।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
मुझे पसंद आया रंग कैसे बनाए रखूं?
उस पर लॉक पर क्लिक करें। लॉक किए गए रंग अपनी जगह बने रहते हैं, और पहला लॉक किया गया रंग उस मूल ह्यू को भी तय करता है जिसके आधार पर बाकी रंग बनाए जाते हैं।
क्या मैं अपने ब्रांड का रंग इस्तेमाल कर सकता हूं?
हां: किसी swatch पर क्लिक करके उसे कोई भी रंग दें, उसे लॉक करें और उसके आधार पर बाकी रंग जनरेट करें।
क्या पैलेट पर लिखा टेक्स्ट पढ़ने योग्य है?
हर swatch सफेद रंग के साथ अपना कॉन्ट्रास्ट अनुपात दिखाता है। WCAG के अनुसार सामान्य टेक्स्ट के लिए कम से कम 4.5:1 होना चाहिए, इसलिए इससे कम अनुपात वाले रंग पर गहरे रंग का टेक्स्ट इस्तेमाल करें।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं