छवियों से मुख्य रंग निकालें
खींचें और छोड़ें या अपलोड करने के लिए क्लिक करें
PNG, JPEG, WebP, GIF
उच्च रिज़ॉल्यूशन छवियां अधिक सटीक रंग निकालती हैं
निकाले गए प्राथमिक रंग को अपने ब्रांड के मुख्य रंग के रूप में उपयोग करें
सुनिश्चित करें कि टेक्स्ट और बैकग्राउंड रंग WCAG मानकों को पूरा करें
सामंजस्यपूर्ण डिजाइन के लिए पूरक और समान रंगों का उपयोग करें
CSS, Tailwind, SCSS और अन्य प्रारूपों में पैलेट निर्यात करें
रंगों को चुनने के लिए क्लिक करें और दो रंगों के बीच कंट्रास्ट का विश्लेषण करें
यह उपकरण छवि से मुख्य रंग स्वचालित रूप से निकालता है और रंग पैलेट बनाता है। निकाले गए रंगों के आधार पर रंग सामंजस्य विश्लेषण, WCAG पहुंच परीक्षण और ब्रांड रंग सुझाव प्रदान करता है। CSS/Tailwind/SCSS/JSON प्रारूप में निर्यात कर सकते हैं।
छवि अपलोड करें
छवि को खींचकर छोड़ें या क्लिक करके वह छवि अपलोड करें जिससे रंग निकालने हैं।
पैलेट देखें
अपने आप निकाले गए प्रमुख रंग और रंग पैलेट देखें। आवश्यकता के अनुसार पैलेट का आकार बदलें।
रंगों का विश्लेषण करें
रंग सामंजस्य और अभिगम्यता विश्लेषण देखें। दो रंग चुनकर उनके कंट्रास्ट अनुपात का विश्लेषण करें।
निर्यात करें
पैलेट को CSS, Tailwind, SCSS या JSON प्रारूप में निर्यात अथवा डाउनलोड करें।
आप PNG, JPEG, WebP और BMP सहित ब्राउज़र द्वारा समर्थित अधिकांश छवि प्रारूपों का उपयोग कर सकते हैं।
यह WCAG 2.1 दिशानिर्देशों में परिभाषित पाठ और पृष्ठभूमि के रंगों के बीच चमक का अनुपात है। सामान्य पाठ के लिए 4.5:1 या अधिक और बड़े पाठ के लिए 3:1 या अधिक होने पर AA स्तर पूरा होता है।
हाँ। पैलेट आकार की सेटिंग से निकाले जाने वाले रंगों की संख्या समायोजित की जा सकती है।
रंग सामंजस्य रंग-चक्र पर रंगों के संबंध के आधार पर उन्हें मिलाने का सिद्धांत है। इसमें पूरक रंग (180 डिग्री), सदृश रंग (आस-पास) और त्रिवर्ण सामंजस्य (120 डिग्री अंतर) शामिल हैं, जिनसे डिज़ाइन में संतुलित रंग संयोजन बनाए जाते हैं।
हाँ। इसे CSS variables, Tailwind configuration, SCSS variables या JSON के रूप में तुरंत निर्यात करके विकास में सीधे उपयोग किया जा सकता है।