निःशुल्क रङ प्यालेट जेनेरेटर
जुनसुकै आधार रङबाट पूरक, अनुरूप, त्रिभुज, र एकरङी रङ प्यालेट उत्पन्न गर्नुहोस्। एक क्लिकमा hex कोडहरू कपी गर्नुहोस्।
हेक्स कोड, teal वा tomato जस्तो रङको नाम, वा rgb(20, 184, 166) / hsl(174, 80%, 40%) लेख्नुहोस्, अनि Enter थिच्नुहोस्।
पाठ र पृष्ठभूमिको जाँच
सामान्य प्रयोगहरू
- वेब डिजाइनका लागि रङ्ग प्यालेटहरू बनाउनुहोस्वेबसाइटहरू, वेब अनुप्रयोगहरू र UI घटकहरूका लागि सुसंगत रङ्ग योजनाहरू बनाउनुहोस्।
- ब्र्यान्ड रङ्ग प्यालेटहरू बनाउनुहोस्एक ब्र्यान्ड रङ्गबाट पूर्ण ब्र्यान्ड रङ्ग प्रणाली विकसित गर्नुहोस् — प्राथमिक, माध्यमिक, उच्चार र तटस्थहरू।
- कला र चित्रकारीका लागि रङ्ग प्यालेटहरू बनाउनुहोस्डिजिटल कला, चित्रकारी र रचनात्मक परियोजनाहरूका लागि सुसंगत रङ्ग संयोजनहरू बनाउनुहोस्।
- Figma का लागि रङ्ग शैलीहरू बनाउनुहोस्Figma रङ्ग शैलीहरू र डिजाइन टोकन आधारहरूको रूपमा प्रयोग गर्नका लागि रङ्ग प्यालेटहरू बनाउनुहोस्।
- डार्क मोड रङ्ग प्यालेटहरू बनाउनुहोस्अँध्यारा मोड समर्थन निर्माणका लागि आपको रङ्ग प्यालेटको हल्का र अँध्यारा भिन्नताहरू उत्पन्न गर्नुहोस्।
यो कसरी काम गर्छ
उपकरण शून्य बाह्य लाइब्रेरीसँग बनेको छ — सबै रङ गणित तपाईंको ब्राउजरमा सीधै हातले लेखिएको JavaScript मा चल्छ। यसले तपाईंको छानिएको रङलाई hex र HSL बीच रूपान्तरण गर्छ, त्यसपछि हरेक प्यालेट उत्पादन गर्न ह्यू व्हिलमा अंकगणितमार्फत क्लासिक रङ सिद्धान्त सामंजस्य नियमहरू (complementary, triadic, analogous, इत्यादि) लागू गर्छ।
- 1Hex-देखि-HSL रूपान्तरणतपाईंले रङ छान्दा, उपकरणले hex स्ट्रिङलाई RGB कम्पोनेन्टमा पार्स गर्छ र तिनलाई HSL (hue, saturation, lightness) मा रूपान्तरण गर्छ। Hue रङ चक्रमा 0–360 डिग्री स्थिति हो; प्यालेट गणित सबै यही स्पेसमा हुन्छ।
- 2सामंजस्यका लागि Hue अंकगणितहरेक प्यालेट प्रकार आधार ह्यूमा लागू गरिएको एउटा स्थिर रोटेसन सूत्र हो। Complementary ले 180° थप्छ, triadic ले 120° र 240° थप्छ, tetradic 90° कदम चाल्छ, split-complementary ले 150° र 210° प्रयोग गर्छ। Monochromatic र shades ले लाइटनेस माथि र तल कदम चाल्दा ह्यू र स्याचुरेसन स्थिर राख्छन्।
- 3HSL-देखि-hex आउटपुटहरेक गणना गरिएको HSL ट्रिपलेट मानक chroma सूत्र प्रयोग गरी फेरि hex रङमा रूपान्तरण गरिन्छ। नतिजाहरू अटो-कन्ट्रास्ट गरिएका लेबलहरूसहित (हल्का स्वाचमा गाढा पाठ, गाढामा हल्का पाठ) एउटा रङ पट्टीको रूपमा देखिन्छन्, एउटा सरल प्रकाशमानता थ्रेसहोल्डद्वारा निर्धारित।
- 4आफ्नो मनपर्ने फर्म्याटमा निर्यात गर्नुहोस्प्यालेटलाई hex स्ट्रिङको रूपमा प्रतिलिपि गर्न वा CSS भेरिएबल फाइल (:root { --color-1: … }), SCSS भेरिएबल, Tailwind कन्फिग स्निपेट, JSON अब्जेक्ट, वा PNG रङ पट्टीको रूपमा निर्यात गर्न सकिन्छ। PNG निर्यातले हरेक स्वाचलाई यसको hex लेबलसहित कोर्न ब्राउजरको Canvas API (toDataURL) प्रयोग गर्छ — सबै क्लिकमा स्थानीय रूपमा उत्पन्न हुन्छ।
सम्बन्धित उपकरणहरू
अनियमित रङ जेनेरेटर
अनियमित रङ एक-एक गरी वा पाँचवटाको प्यालेटका रूपमा बनाउनुहोस्, मन परेकालाई लक गर्नुहोस्, HEX, RGB वा HSL मान कपी गर्नुहोस् र प्यालेट PNG वा CSS मा निर्यात गर्नुहोस्।
इमेज रङ प्यालेट एक्सट्र्याक्टर
k-means रङ क्वान्टाइजेसन प्रयोग गरी जुनसुकै छविबाट प्रभुत्व रङहरू निकाल्नुहोस्। तपाईंको फोटो वा लोगोमा शीर्ष २-१६ रङहरूका hex कोडहरू पाउनुहोस्।
रङ चयनकर्ता र प्यालेट जेनेरेटर
रङहरू छान्नुहोस्, HEX/RGB/HSL बीच रूपान्तरण गर्नुहोस्, र सामञ्जस्यपूर्ण प्यालेटहरू बनाउनुहोस्।