कलर पैलेट जनरेटर
आपके डिवाइस पर चलता है। कुछ भी नहीं भेजा जाता।सब कुछ आपके ब्राउज़र में होता है - कुछ भी अपलोड नहीं होता।
रंगों की संख्या5
टिप: नया पैलेट बनाने के लिए स्पेस दबाएँ।हार्मनी
एक्सपोर्ट
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}कलर व्हील की हार्मनी से या रैंडम कलर पैलेट बनाएँ, पसंद के रंग लॉक करें, और उन्हें CSS वेरिएबल, Tailwind रंग या JSON के रूप में कॉपी करें।
नए पैलेट के लिए बनाएँ (या स्पेस) दबाएँ। जो रंग रखने हैं उन्हें लॉक करें - बाकी कलर व्हील की हार्मनी के हिसाब से उनके आसपास दोबारा बनते हैं: पास-पास के एनालॉगस, एक रंग के अलग-अलग शेड, कॉम्प्लिमेंटरी या स्प्लिट कॉम्प्लिमेंटरी विपरीत रंग, ट्रायड और टेट्राड - या बराबर फैले रंगों के साथ पूरी तरह रैंडम। hex कोड पर क्लिक करके कॉपी करें, या रंग पर क्लिक करके अपना रंग चुनें। पैलेट को CSS कस्टम प्रॉपर्टी, Tailwind कलर स्केल या JSON में एक्सपोर्ट करें, PNG सेव करें या वही पैलेट खोलने वाला लिंक कॉपी करें।
अक्सर पूछे जाने वाले सवाल
हार्मनी का क्या मतलब है?
ये कलर व्हील पर जगहें हैं। एनालॉगस रंग पास-पास होते हैं (शांत), कॉम्प्लिमेंटरी आमने-सामने (तेज़ कॉन्ट्रास्ट), स्प्लिट कॉम्प्लिमेंटरी विपरीत रंग के दोनों पड़ोसी लेता है, ट्रायडिक 120° के अंतर पर तीन रंग और टेट्राडिक 90° पर चार। मोनोक्रोम एक ही रंग रखकर हल्कापन बदलता है।
अपने ब्रांड रंग के आसपास पैलेट कैसे बनाएँ?
पहले रंग पर क्लिक करें, अपना रंग चुनें, उसे लॉक करें और बनाएँ दबाएँ। खाली जगहें चुनी हुई हार्मनी से आपके रंग से शुरू होकर भरती हैं।
क्या हर रंग पर लिखा टेक्स्ट पढ़ने लायक है?
hex लेबल काले या सफ़ेद में बदलता है, जिसका कॉन्ट्रास्ट ज़्यादा हो। लंबे टेक्स्ट के लिए सही जोड़ी हमारे कलर टूल्स के WCAG कॉन्ट्रास्ट चेकर में जाँचें।
क्या कुछ सेव होता है?
आपका मौजूदा पैलेट इसी डिवाइस पर याद रखा जाता है। शेयर लिंक रंगों को पते में # के बाद रखता है, यह हिस्सा हमारे सर्वर पर नहीं भेजा जाता।