निःशुल्क रङ चयनकर्ता र प्यालेट जेनेरेटर
रङहरू छान्नुहोस्, HEX/RGB/HSL बीच रूपान्तरण गर्नुहोस्, र सामञ्जस्यपूर्ण प्यालेटहरू बनाउनुहोस्।
RGB
HSL
थप ढाँचाहरू
WCAG कन्ट्रास्ट
सबैभन्दा नजिकको नाम भएको रङ: dodgerblue · यहाँ कालो टेक्स्ट पढ्न सजिलो हुन्छ (५.७१:1)
शेड र टिन्ट (50–950)
रङ प्यालेट
पूरक
त्रिपद
समान
एकल रङ
सामान्य प्रयोगहरू
- वेब डिजाइनको लागि रङ पिकरतपाईंको वेबसाइटको लागि रङहरू चयन गर्नुहोस् र उत्पादन गर्नुहोस् — HEX, RGB, र HSL मान तथा सामञ्जस्यपूर्ण प्यालेट प्राप्त गर्नुहोस्।
- ब्रान्डिङको लागि रङ पिकरतपाईंको ब्रान्डको रङ प्यालेट बनाउनुहोस् — प्राथमिक, माध्यमिक, र जोर रङहरू चयन गर्नुहोस् जसले एकसाथ काम गर्दछन्।
- सोशल मीडिया को लागि रङ पिकरसोशल मीडिया पोस्ट, कथा, र प्रोफाइल डिजाइनको लागि आकर्षक रङ प्यालेट बनाउनुहोस्।
- प्रिन्ट डिजाइनको लागि रङ पिकरमुद्रित सामग्रीको लागि रङ चयन गर्नुहोस् — फ्लायरहरू, व्यावसायिक कार्डहरू, ब्रोसरहरू — सटीक रङ पूर्वावलोकन सहित।
- प्रस्तुतिको लागि रङ पिकरस्लाइड रङ योजना डिजाइन गर्नुहोस् — पठनीय पाठ रङ, चार्ट प्यालेट, र सञ्चयी जोर रङहरू चयन गर्नुहोस्।
यो कसरी काम गर्छ
सबै कुरा तपाईंको ब्राउजरमा हातले लेखिएको रूपान्तरण गणित प्रयोग गरी सीधै चल्छ — कुनै रङ लाइब्रेरी छैन, कुनै सर्भर राउन्ड-ट्रिप छैन। तपाईं ब्राउजरको नेटिभ रङ इनपुट वा EyeDropper API मार्फत रङ छान्नुहुन्छ, र उपकरणले यसलाई तुरुन्तै छ फर्म्याटमा रूपान्तरण गर्छ र साथसाथै WCAG कन्ट्रास्ट अनुपातहरू गणना गर्छ र सामंजस्य प्यालेटहरू उत्पन्न गर्छ।
- 1नेटिभ API मार्फत रङ इनपुटतपाईं ब्राउजरको बिल्ट-इन <input type="color"> विजेटमार्फत रङ छान्नुहुन्छ, वा — Chromium-आधारित ब्राउजरहरूमा — EyeDropper API ले तपाईंलाई आफ्नो स्क्रिनको कुनै पनि पिक्सेल नमूना लिन दिन्छ। दुवै पथले एउटा hex स्ट्रिङ फर्काउँछन् जुन एकल सत्यको स्रोत बन्छ।
- 2हातले लेखिएको फर्म्याट रूपान्तरणहरूउपकरणले hex मानलाई RGB, HSL, HSV, CMYK, र OKLCH मा आफ्नै गणित फङ्सनहरू प्रयोग गरी रूपान्तरण गर्छ (कुनै बाह्य लाइब्रेरी बिना)। OKLCH रूपान्तरणले sRGB च्यानलहरू लिनियराइज गर्छ, OKLab क्युब-रुट म्याट्रिक्स लागू गर्छ, त्यसपछि chroma र hue कोण निकाल्छ — आधुनिक CSS Color Level 4 आउटपुटसँग मेल खाँदै।
- 3WCAG कन्ट्रास्ट अनुपात गणनाWCAG 2.x सूत्र प्रयोग गरी लिनियराइज गरिएको RGB च्यानलहरूबाट सापेक्षिक प्रकाशमानता गणना गरिन्छ। त्यसपछि उपकरणले शुद्ध सेतो र शुद्ध कालोविरुद्ध कन्ट्रास्ट अनुपातहरू गणना गर्छ र WCAG थ्रेसहोल्ड (3:1, 4.5:1, 7:1) अनुसार तिनलाई AA-large, AA, AAA, वा Fail लेबल गर्छ।
- 4सामंजस्य प्यालेट उत्पादन र स्थानीय सुरक्षणComplementary, triadic, analogous, र monochromatic स्वाचहरू HSL hue र लाइटनेस मानहरूलाई गणितीय रूपमा घुमाएर वा कदम चालेर निकालिन्छन्। सुरक्षित प्यालेटहरू तपाईंको ब्राउजरको localStorage मा लेखिन्छन् — केही पनि तपाईंको उपकरणबाट बाहिर जाँदैन।
सम्बन्धित उपकरणहरू
अनियमित रङ जेनेरेटर
अनियमित रङ एक-एक गरी वा पाँचवटाको प्यालेटका रूपमा बनाउनुहोस्, मन परेकालाई लक गर्नुहोस्, HEX, RGB वा HSL मान कपी गर्नुहोस् र प्यालेट PNG वा CSS मा निर्यात गर्नुहोस्।
रङ कन्भर्टर
HEX, RGB, HSL, HSV, र CMYK ढाँचाहरू बीच रङहरू तुरुन्तै रूपान्तरण गर्नुहोस्। हल्कापन स्केल र प्रिसेट स्वाच समावेश छ।
इमेज रङ प्यालेट एक्सट्र्याक्टर
k-means रङ क्वान्टाइजेसन प्रयोग गरी जुनसुकै छविबाट प्रभुत्व रङहरू निकाल्नुहोस्। तपाईंको फोटो वा लोगोमा शीर्ष २-१६ रङहरूका hex कोडहरू पाउनुहोस्।