मैं एक image से कितने रंग निकाल सकता हूँ?

आप palette में चार से बारह रंग खींच सकते हैं, साथ ही अपने आप में दिखाया गया एकल dominant रंग। palette आकार किसी भी समय बदलें और swatch, CSS variable, तथा Tailwind ब्लॉक तुरंत अपडेट हो जाते हैं।

dominant रंग और palette में क्या अंतर है?

dominant रंग पूरी image का सबसे प्रतिनिधि एक रंग है, जो अपने HEX, RGB, और HSL के साथ दिखाया जाता है। palette तस्वीर भर के सबसे प्रमुख रंगों का एक समूह है, इस क्रम में कि वे कितने उभरकर दिखते हैं।

क्या मैं palette को CSS variable या Tailwind रंगों के रूप में एक्सपोर्ट कर सकता हूँ?

हाँ। टूल --color-N custom property का एक :root ब्लॉक और palette-1, palette-2, इत्यादि से keyed एक Tailwind रंग object बनाता है। किसी को भी एक क्लिक में कॉपी करें और इसे अपने project में पेस्ट करें।

मैं किन image format से एक palette निकाल सकता हूँ?

PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, और ICO सभी काम करते हैं। फ़ाइल डालें या चुनें और palette आपके ब्राउज़र में डिकोड किए गए pixel से जेनरेट होती है।

मैं अपने ब्रांड से मेल खाती एक palette कैसे बनाऊँ?

अपना logo, एक product फ़ोटो, या अपनी साइट का एक screenshot अपलोड करें। एक्सट्रैक्टर सबसे प्रमुख रंग सामने लाता है ताकि आप ब्रांड HEX मान लॉक कर सकें, फिर उन्हें CSS variable या Tailwind token के रूप में एक्सपोर्ट करें।

मेरे दो swatch लगभग एक जैसे क्यों निकले?

एक ही hue से प्रभुत्व वाली image कई करीबी छायाएँ बनाती हैं। उन्हें merge करने के लिए palette आकार कम करें, या एक व्यापक फैलाव के लिए अधिक रंग विविधता वाली एक image चुनें।

Image Color Palette एक्सट्रैक्टर

इसका dominant रंग और एक पूरी palette निकालने के लिए एक image डालें — हर swatch को HEX, RGB, या HSL के रूप में कॉपी करें, या CSS variable और Tailwind रंग एक्सपोर्ट करें। यह कभी आपके ब्राउज़र से बाहर नहीं जाती।

Image Color Palette एक्सट्रैक्टर आपकी image को डिकोड करता है और इसके रंगों का विश्लेषण पूरी तरह आपके ब्राउज़र में करता है। तस्वीर कभी अपलोड नहीं होती — कोई image डेटा या निकाले गए रंग ArrayKit को नहीं भेजे जाते।

Image Color Picker खोलें

Image Color Palette एक्सट्रैक्टर के बारे में

Image Color Palette एक्सट्रैक्टर किसी भी तस्वीर को एक उपयोगी रंग योजना में बदल देता है। एक फ़ोटो, logo, screenshot, या design mockup डालें या चुनें और यह एकल dominant रंग तथा image भर के सबसे प्रमुख रंगों की एक palette सामने लाता है। हर swatch HEX, RGB, और HSL के रूप में दिखाया जाता है, इसलिए आप एक मान सीधे CSS, एक design token, या एक paint bucket में उठा सकते हैं। palette आकार को चार से बारह रंगों तक समायोजित करें, एक अकेला swatch या एक साथ सभी HEX कोड कॉपी करें, या अपनी theme के लिए एक तैयार CSS :root variable ब्लॉक और एक Tailwind रंग snippet पकड़ें। यह designer, front-end डेवलपर्स, और किसी image से एक ब्रांड palette मिलाने वाले किसी भी व्यक्ति के लिए बना है। तस्वीर डिकोड होती है और इसके रंग आपके डिवाइस पर पढ़े जाते हैं — कुछ भी अपलोड नहीं होता।

विशेषताएँ

किसी भी image से एकल dominant रंग तथा बारह रंगों तक की एक palette निकालता है
हर swatch एक क्लिक में HEX, RGB, या HSL के रूप में कॉपी होता है
आपके design system से मिलाने के लिए चार से बारह रंगों तक समायोज्य palette आकार
एक-क्लिक "Copy all HEX" पूरी palette एक साथ पकड़ता है
आपकी stylesheet के लिए तैयार CSS :root custom-property ब्लॉक
Tailwind रंग snippet जिसे आप theme.extend.colors में पेस्ट कर सकते हैं
PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, और ICO image स्वीकार करता है
पूरी तरह आपके ब्राउज़र में चलता है — image आपके डिवाइस पर विश्लेषित होती है

Image Color Palette एक्सट्रैक्टर का उपयोग कैसे करें

drop zone पर क्लिक करें या उस पर एक image फ़ाइल खींचें
dominant रंग और निकाली गई palette swatch पढ़ें
swatch को HEX, RGB, और HSL के बीच बदलें, या palette आकार बदलें
एक अकेला swatch, सभी HEX कोड, या CSS या Tailwind ब्लॉक कॉपी करें

उदाहरण

इनपुट

Uploaded: brand-hero.png (blue / green / red artwork)

आउटपुट

:root {
  --color-1: #2563eb;
  --color-2: #10b981;
  --color-3: #ef4444;
}

एक तीन-रंग palette एक कॉपी-के-लिए-तैयार CSS variable ब्लॉक बन जाती है।

सामान्य त्रुटियाँ और समस्या निवारण

palette धुली हुई दिखती है या मिलती-जुलती छायाएँ दोहराती है। — बहुत एक-समान image करीबी रंग देती हैं। palette आकार कम करें, या अधिक स्पष्ट क्षेत्रों वाली एक image उपयोग करें ताकि swatch फैल जाएँ।
एक transparent PNG palette में एक अजीब tone खींच लेता है। — एक्सट्रैक्टर दृश्यमान pixel पढ़ता है, इसलिए बड़े पारदर्शी क्षेत्र एक neutral छाया जोड़ सकते हैं। साफ़ परिणामों के लिए पहले artwork को एक ठोस background पर flatten करें।
निकाले गए रंग आपके source swatch से थोड़े भिन्न होते हैं। — JPEG और WebP compression flat fill को एक छाया से खिसका देता है। सटीक ब्रांड रंगों के लिए design को PNG के रूप में एक्सपोर्ट करें, या बाद में कॉपी किए गए HEX को ठीक करें।

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

मैं एक image से कितने रंग निकाल सकता हूँ?: आप palette में चार से बारह रंग खींच सकते हैं, साथ ही अपने आप में दिखाया गया एकल dominant रंग। palette आकार किसी भी समय बदलें और swatch, CSS variable, तथा Tailwind ब्लॉक तुरंत अपडेट हो जाते हैं।
dominant रंग और palette में क्या अंतर है?: dominant रंग पूरी image का सबसे प्रतिनिधि एक रंग है, जो अपने HEX, RGB, और HSL के साथ दिखाया जाता है। palette तस्वीर भर के सबसे प्रमुख रंगों का एक समूह है, इस क्रम में कि वे कितने उभरकर दिखते हैं।
क्या मैं palette को CSS variable या Tailwind रंगों के रूप में एक्सपोर्ट कर सकता हूँ?: हाँ। टूल --color-N custom property का एक :root ब्लॉक और palette-1, palette-2, इत्यादि से keyed एक Tailwind रंग object बनाता है। किसी को भी एक क्लिक में कॉपी करें और इसे अपने project में पेस्ट करें।
मैं किन image format से एक palette निकाल सकता हूँ?: PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, और ICO सभी काम करते हैं। फ़ाइल डालें या चुनें और palette आपके ब्राउज़र में डिकोड किए गए pixel से जेनरेट होती है।
मैं अपने ब्रांड से मेल खाती एक palette कैसे बनाऊँ?: अपना logo, एक product फ़ोटो, या अपनी साइट का एक screenshot अपलोड करें। एक्सट्रैक्टर सबसे प्रमुख रंग सामने लाता है ताकि आप ब्रांड HEX मान लॉक कर सकें, फिर उन्हें CSS variable या Tailwind token के रूप में एक्सपोर्ट करें।
मेरे दो swatch लगभग एक जैसे क्यों निकले?: एक ही hue से प्रभुत्व वाली image कई करीबी छायाएँ बनाती हैं। उन्हें merge करने के लिए palette आकार कम करें, या एक व्यापक फैलाव के लिए अधिक रंग विविधता वाली एक image चुनें।