रंग पैलेट जनरेटर
- फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं
- ब्राउज़र में चलता है
- मुफ़्त, बिना खाते, बिना वॉटरमार्क
3b82f6
e24956
3ba01b
रंग पैलेट जनरेटर का उपयोग कैसे करें
तीन तरीकों से रंग पैलेट बनाएँ: आधार रंग से सामंजस्य नियम, लॉक और फिर से रोल करने योग्य यादृच्छिक पैलेट, या Tailwind जैसा 50 से 950 तक 11-चरण शेड स्केल। रंग OKLCH में गणना होते हैं, और हर पैलेट CSS, Tailwind v3 या v4, JSON, .gpl या .ase में निर्यात होता है।
- 1
मोड चुनें: सामंजस्य, यादृच्छिक या शेड।
- 2
सामंजस्य या शेड के लिए आधार रंग सेट करें, फिर नियम चुनें, या रंग नाम और आधार किस चरण पर रखें चुनें।
- 3
यादृच्छिक के लिए बनाएँ पर क्लिक करें या Space दबाएँ, और फिर बनाने से पहले रखने वाले रंग लॉक करें।
- 4
रंग पर होवर करें और कॉपी आइकन पर क्लिक करें; सामंजस्य में आप उसे नया आधार रंग भी बना सकते हैं।
- 5
निर्यात के अंतर्गत HEX, CSS, Tailwind v3, Tailwind v4 या JSON चुनें और कोड कॉपी करें, या .gpl या .ase डाउनलोड करें।
अक्सर पूछे जाने वाले प्रश्न
सामंजस्य OKLCH में क्यों गणना होते हैं?
वर्ण OKLCH में घुमाए जाते हैं, इसलिए हर रंग आधार रंग की अनुभूत हल्कापन और चमक रखता है। HSL में घुमाने से पीले रंग नीले से बहुत हल्के दिखते।
50 से 950 तक शेड कैसे बनते हैं?
हल्कापन Tailwind के अपने पैलेट के करीब वक्र का अनुसरण करता है, और क्रोमा लगभग 500–600 पर चरम पर होता है। आपका आधार रंग अपने चरण पर बिल्कुल रखा जाता है; स्वतः उसके हल्केपन के निकटतम चरण चुनता है।
क्या मैं पहले के यादृच्छिक पैलेट पर वापस जा सकता हूँ?
हाँ। पिछला पैलेट और अगला पैलेट उपयोग करें; पृष्ठ खुला रहने तक अंतिम 50 पैलेट रखे जाते हैं, लेकिन बंद करने के बाद कुछ सहेजा नहीं जाता।
एक पैलेट में कितने रंग हो सकते हैं?
यादृच्छिक पैलेट में 2 से 10 रंग होते हैं (− और + बटन उपयोग करें)। सामंजस्य नियम तय संख्या देते हैं, उदाहरण के लिए पूरक के लिए 2 और समान या एकवर्ण के लिए 5, और शेड हमेशा 11 देते हैं।
Tailwind v4 निर्यात कैसा दिखता है?
--color-* चरों का @theme ब्लॉक, आपकी CSS में पेस्ट करने के लिए तैयार। शेड --color-brand-500 जैसे नाम वाले oklch() मानों के रूप में लिखे जाते हैं; अन्य मोड HEX उपयोग करते हैं।