कलर पैलेट जनरेटर

मुफ़्त कलर पैलेट जनरेटर: सामंजस्यपूर्ण पैलेट बनाएँ (सदृश, पूरक, त्रयी और अन्य), पसंद के रंग लॉक करें और HEX या CSS में एक्सपोर्ट करें।

नए रंगों के लिए स्पेस बार या “जनरेट करें” दबाएँ। जिन रंगों को रखना है उन्हें लॉक करें, कोड कॉपी करने के लिए उस पर क्लिक करें।
इस रूप में कॉपी करें

यह भी: इमेज से कलर पैलेट और कलर पिकर · कलर कंट्रास्ट चेकर

यह क्या करता है


यह जनरेटर वेबसाइटों, ऐप्स, प्रेज़ेंटेशन और डिज़ाइन के लिए कलर पैलेट बनाता है। किसी मूल रंग से मेल खाते रंग बनाने के लिए कोई सामंजस्य चुनें, या रैंडम पैलेट के लिए स्पेस बार दबाएँ, और पसंद के रंग लॉक करें ताकि केवल बाकी रंग बदलें। रंगों की गणना OKLCH कलर स्पेस में होती है, जो ह्यू बदलने पर भी महसूस होने वाली चमक बनाए रखता है, इसलिए पैलेट संतुलित दिखते हैं। रंगों को HEX, CSS वेरिएबल या JSON के रूप में कॉपी करें, या पैलेट को लिंक से शेयर करें।

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


  1. कोई सामंजस्य और मूल रंग चुनें, या “रैंडम” रहने दें।
  2. जब तक पैलेट पसंद न आए, स्पेस बार या “जनरेट करें” दबाएँ; जिन रंगों को रखना है उन्हें लॉक करें।
  3. किसी रंग कोड को कॉपी करने के लिए उस पर क्लिक करें, या पूरा पैलेट HEX, CSS या JSON के रूप में कॉपी करें।

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


सामंजस्य के प्रकारों का क्या अर्थ है?
ये कलर व्हील के क्लासिक संयोजन हैं। सदृश शांत रूप के लिए पड़ोसी ह्यू का उपयोग करता है; पूरक तीव्र कंट्रास्ट के लिए विपरीत ह्यू का; त्रयी और चतुष्क तीन या चार ह्यू को बराबर दूरी पर फैलाते हैं; विभाजित पूरक पूरक जोड़ी को नरम करता है; एकवर्णी एक ही ह्यू के कई शेड इस्तेमाल करता है।

HSL के बजाय OKLCH क्यों?
HSL में समान लाइटनेस मान वाला पीला और नीला चमक में बहुत अलग दिखते हैं। OKLCH मानवीय धारणा को ध्यान में रखकर बनाया गया है, इसलिए ह्यू घुमाने पर रंग समान रूप से हल्के रहते हैं। इसी कारण यह कलर स्पेस CSS में जोड़ा गया।

क्या मैं जाँच सकता हूँ कि रंग पढ़ने योग्य हैं?
हाँ: कंट्रास्ट चेकर का उपयोग करके देखें कि एक रंग का टेक्स्ट दूसरे रंग की पृष्ठभूमि पर WCAG एक्सेसिबिलिटी स्तरों को पूरा करता है या नहीं।

Wikipedia — Color scheme
Wikipedia — Oklab color space