पेशेवर रंग बीनने वाला

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

Farbauswahl

Farbcodes

HEX:

RGB:

RGBA:

HSL:

HSLA:

WCAG Kontrast-Checker

Text

4.52:1

AA PASS

Text

4.52:1

AA PASS

Farbharmonien

Shades & Tints (Farbabstufungen)

Export-Optionen

:root {
--primary-color: #3b82f6;
}

Farb-Historie

अभी तक कोई रंग चयनित नहीं है

टिप: वेब पेजों या छवियों से सीधे रंग कैप्चर करने के लिए आईड्रॉपर फ़ंक्शन का उपयोग करें।

नया: हमारे CSS ग्रेडिएंट जेनरेटर से सुलभ ग्रेडिएंट बनाएं और WCAG कंट्रास्ट जांचें।

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

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

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

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

हेक्स: हेक्साडेसिमल प्रतिनिधित्व (उदा. #3B82F6) – वेब डिज़ाइन में मानक
आरजीबी: 0-255 तक लाल, हरा, नीला मान (उदा. rgb(59, 130, 246))
आरजीबीए: पारदर्शिता के लिए अल्फा चैनल के साथ आरजीबी (उदा. rgba(59, 130, 246, 0.8))
एचएसएल: रंग, संतृप्ति, चमक - डिजाइनरों के लिए सहज ज्ञान युक्त
एचएसएलए: पारदर्शिता के लिए अल्फा चैनल के साथ एचएसएल

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

एए मानक: सामान्य पाठ के लिए कंट्रास्ट अनुपात कम से कम 4.5:1 होना चाहिए
एए मानक (बड़ा): बड़े टेक्स्ट के लिए कम से कम 3:1 का कंट्रास्ट अनुपात (18px से)
एएए मानक: बढ़ी हुई आवश्यकताओं के लिए कंट्रास्ट अनुपात कम से कम 7:1 होना चाहिए

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

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

पूरक: रंग चक्र पर रंग विपरीत होते हैं - उच्च कंट्रास्ट
एनालॉग: आसन्न रंग - सामंजस्यपूर्ण और शांत पैलेट
त्रिकोणीय: तीन समान दूरी वाले रंग - जीवंत और संतुलित
एकवर्णी: एक रंग के विभिन्न चमक स्तर - सुरुचिपूर्ण और न्यूनतम

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

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

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

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

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

सीएसएस चर: :root { --primary-color: #3b82f6; }
टेलविंड कॉन्फ़िगरेशन: टेलविंड सीएसएस के लिए सीधे कॉपी करने योग्य कॉन्फ़िगरेशन

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

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

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

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

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

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

। क्रोम, एज और ओपेरा में मूल निवासी आईड्रॉपर एपीआई उपयोग किया जाता है, जो आपको स्क्रीन से सीधे रंग कैप्चर करने की अनुमति देता है। इस एपीआई के बिना फ़ायरफ़ॉक्स और अन्य ब्राउज़रों में, आप इसका उपयोग कर सकते हैं चित्र अपलोड करें (या खींचें और छोड़ें) और उसमें से रंग चुनें। यह एक ब्राउज़र सुरक्षा सीमा है - जावास्क्रिप्ट ब्राउज़र विंडो के बाहर स्क्रीन तक नहीं पहुंच सकता है।

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

कंट्रास्ट चेकर आधिकारिक लोगों के अनुसार कंट्रास्ट अनुपात की गणना करता है डब्ल्यूसीएजी 2.1 दिशानिर्देश और W3C मानक के अनुसार रंगों की सापेक्ष चमक को ध्यान में रखते हैं।

क्या मैं इस टूल को अपनी वेबसाइट पर उपयोग कर सकता हूँ?

हाँ, बिल्कुल! आप कलर पिकर और रंग परिवर्तक को अपनी वेबसाइट पर मुफ्त में एम्बेड कर सकते हैं – बस एक iframe के जरिए। एम्बेड-विजेट पेज पर आपको तैयार एम्बेड कोड मिलेगा और आप रंग व शैली को अनुकूलित कर सकते हैं।