पेशेवर रंग बीनने वाला - HEX, RGB, HSL रूपांतरण और बहुत कुछ

रंग चुनें, प्रारूप बदलें और सामंजस्यपूर्ण पैलेट बनाएं

HEX, RGB, HSL और RGBA रंग प्रारूपों को समझें

हमारा रंग चयनकर्ता सभी सामान्य रंग प्रारूपों का समर्थन करता है और उन्हें वास्तविक समय में परिवर्तित करता है:

हेक्स: हेक्साडेसिमल प्रतिनिधित्व (उदा. #3B82F6) – वेब डिज़ाइन में मानक Hexadecimal representation (e.g. #3B82F6) – standard in web designHEX:HEX: Hexadecimal representation (e.g. #3B82F6) – standard in web design Hexadecimal representation (e.g. #3B82F6) – standard in web design Hexadezimale Darstellung (z.B. #3B82F6) – Standard im Webdesign
आरजीबी: 0-255 तक लाल, हरा, नीला मान (उदा. rgb(59, 130, 246)) Red, green, blue values from 0-255 (e.g. rgb(59, 130, 246))RGB:RGB: Red, green, blue values from 0-255 (e.g. rgb(59, 130, 246)) Red, green, blue values from 0-255 (e.g. rgb(59, 130, 246)) Rot, Grün, Blau Werte von 0-255 (z.B. rgb(59, 130, 246))
आरजीबीए: पारदर्शिता के लिए अल्फा चैनल के साथ आरजीबी (उदा. rgba(59, 130, 246, 0.8)) RGB with alpha channel for transparency (e.g. rgba(59, 130, 246, 0.8))RGBA:RGBA: RGB with alpha channel for transparency (e.g. rgba(59, 130, 246, 0.8)) RGB with alpha channel for transparency (e.g. rgba(59, 130, 246, 0.8)) RGB mit Alpha-Kanal für Transparenz (z.B. rgba(59, 130, 246, 0.8))
एचएसएल: रंग, संतृप्ति, चमक - डिजाइनरों के लिए सहज ज्ञान युक्त Hue, saturation, lightness – intuitive for designersएचएसएल: Hue, saturation, lightness – intuitive for designers Farbton, Sättigung, Helligkeit – intuitiv für Designer
एचएसएलए: पारदर्शिता के लिए अल्फा चैनल के साथ एचएसएल HSL with alpha channel for transparencyएचएसएलए: HSL with alpha channel for transparency HSL mit Alpha-Kanal für Transparenz

बाधा रहित रंग WCAG जाँच के साथ विरोधाभासी है

एए मानक: सामान्य पाठ के लिए कंट्रास्ट अनुपात कम से कम 4.5:1 होना चाहिए Contrast ratio of at least 4.5:1 for normal textएए मानक: Contrast ratio of at least 4.5:1 for normal text Kontrastverhältnis von mindestens 4.5:1 für normalen Text
एए मानक (बड़ा): बड़े टेक्स्ट के लिए कम से कम 3:1 का कंट्रास्ट अनुपात (18px से) Contrast ratio of at least 3:1 for large text (from 18px)एए मानक (बड़ा): Contrast ratio of at least 3:1 for large text (from 18px) Kontrastverhältnis von mindestens 3:1 für großen Text (ab 18px)
एएए मानक: बढ़ी हुई आवश्यकताओं के लिए कंट्रास्ट अनुपात कम से कम 7:1 होना चाहिए Contrast ratio of at least 7:1 for enhanced requirementsएएए मानक: Contrast ratio of at least 7:1 for enhanced requirements Kontrastverhältnis von mindestens 7:1 für erhöhte Anforderungen

हमारा टूल आपको तुरंत दिखाएगा कि आपका रंग संयोजन AA या AAA मानकों को पूरा करता है या नहीं और आपको समावेशी और सुलभ डिज़ाइन बनाने में मदद करेगा।

उत्तम डिज़ाइन के लिए रंग सामंजस्य

पूरक: रंग चक्र पर रंग विपरीत होते हैं - उच्च कंट्रास्ट Colors opposite each other on the color wheel – high contrastपूरक: Colors opposite each other on the color wheel – high contrast Farben gegenüberliegen im Farbkreis – hoher Kontrast
एनालॉग: आसन्न रंग - सामंजस्यपूर्ण और शांत पैलेट Adjacent colors – harmonious and calming palettesएनालॉग: Adjacent colors – harmonious and calming palettes Benachbarte Farben – harmonische und beruhigende Paletten
त्रिकोणीय: तीन समान दूरी वाले रंग - जीवंत और संतुलित Three colors equally spaced – vibrant and balancedत्रिकोणीय: Three colors equally spaced – vibrant and balanced Drei Farben mit gleichem Abstand – lebendig und ausgewogen
एकवर्णी: एक रंग के विभिन्न चमक स्तर - सुरुचिपूर्ण और न्यूनतम Different lightness levels of one color – elegant and minimalistएकवर्णी: Different lightness levels of one color – elegant and minimalist Verschiedene Helligkeitsstufen einer Farbe – elegant und minimalistisch

शेड्स और टिंट्स - रंग ग्रेडेशन

फ़ंक्शन स्वचालित रूप से आपके चुने हुए रंग के 10 शेड उत्पन्न करता है। शेड्स (गहरा टोन) और टिंट्स (हल्के टोन) आपकी परियोजनाओं के लिए सुसंगत रंग प्रणाली बनाने में आपकी सहायता करते हैं।

आईड्रॉपर और रंग इतिहास

यह आपको सीधे अपनी स्क्रीन से रंग कैप्चर करने की अनुमति देता है। यह आपके अंतिम 10 चयनित रंगों को ब्राउज़र में स्थानीय रूप से सहेजता है, ताकि आप पहले उपयोग किए गए रंगों तक तुरंत पहुंच सकें।

डेवलपर्स के लिए निर्यात विकल्प

सीएसएस चर: :root { --primary-color: #3b82f6; } :root { --primary-color: #3b82f6; }CSS variables:CSS variables: :root { --primary-color: #3b82f6; } :root { --primary-color: #3b82f6; } :root { --primary-color: #3b82f6; }
टेलविंड कॉन्फ़िगरेशन: टेलविंड सीएसएस के लिए सीधे कॉपी करने योग्य कॉन्फ़िगरेशन Directly copyable configuration for Tailwind CSSटेलविंड कॉन्फ़िगरेशन: Directly copyable configuration for Tailwind CSS Direkt kopierbare Konfiguration für Tailwind CSS

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

क्या कलरपिकर सचमुच मुफ़्त है?

हमारा रंग चयनकर्ता 100% निःशुल्क है। इसमें कोई छिपी हुई लागत, कोई पंजीकरण और कोई उपयोग प्रतिबंध नहीं है। आप सभी कार्यों का असीमित उपयोग कर सकते हैं।

क्या मेरे रंग सुरक्षित हैं?

रंग इतिहास आपके ब्राउज़र में स्थानीय रूप से सहेजा जाता है। आप ब्राउज़र सेटिंग्स के माध्यम से इन्हें किसी भी समय हटा सकते हैं। कोई डेटा सर्वर पर स्थानांतरित नहीं किया जाता है.

क्या आईड्रॉपर सभी ब्राउज़र पर काम करता है?

। क्रोम, एज और ओपेरा में मूल निवासी आईड्रॉपर एपीआई उपयोग किया जाता है, जो आपको स्क्रीन से सीधे रंग कैप्चर करने की अनुमति देता है। इस एपीआई के बिना फ़ायरफ़ॉक्स और अन्य ब्राउज़रों में, आप इसका उपयोग कर सकते हैं चित्र अपलोड करें (या खींचें और छोड़ें) और उसमें से रंग चुनें। यह एक ब्राउज़र सुरक्षा सीमा है - जावास्क्रिप्ट ब्राउज़र विंडो के बाहर स्क्रीन तक नहीं पहुंच सकता है। (oder per Drag & Drop hineinziehen) und daraus Farben aufnehmen. Dies ist eine Browser-Sicherheitsbeschränkung – JavaScript kann nicht auf den Bildschirm außerhalb des Browser-Fensters zugreifen.

WCAG कंट्रास्ट चेकर कितना सटीक है?

कंट्रास्ट चेकर आधिकारिक लोगों के अनुसार कंट्रास्ट अनुपात की गणना करता है डब्ल्यूसीएजी 2.1 दिशानिर्देश और W3C मानक के अनुसार रंगों की सापेक्ष चमक को ध्यान में रखते हैं। guidelines and takes into account the relative brightness of colors according to the W3C standard.The contrast checker calculates the contrast ratio according to the official डब्ल्यूसीएजी 2.1 guidelines and takes into account the relative brightness of colors according to the W3C standard. Richtlinien und berücksichtigt die relative Helligkeit von Farben nach dem W3C-Standard.