अपने खाते में साइन इन करें

वापसी पर स्वागत है

इस संग्रह में जोड़ने के लिए किस प्रकार का आइटम चुनें

आपका संग्रह सफलतापूर्वक बना लिया गया है

इस संग्रह में क्या होगा?

अपनी वस्तुओं को व्यवस्थित करने के लिए एक संग्रह जोड़ें

आइटम को संग्रह में सफलतापूर्वक जोड़ दिया गया

संग्रह से आइटम हटा दिया गया

अपने रंगों को व्यवस्थित करने के लिए अपना पहला संग्रह बनाएँ

इस संग्रह में रंग, पैलेट या ग्रेडिएंट जोड़ें

संग्रह आइटम देखें और प्रबंधित करें

समान चमक और संतृप्ति वाले तीन रंग, जिनके रंग चक्र पर एक-दूसरे से सटे हुए हैं, 30 डिग्री की दूरी पर। सहज संक्रमण।

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

जानकारी देने के लिए रंग के साथ-साथ कंट्रास्ट और पैटर्न का उपयोग करें।

बेहतर डिज़ाइन

नीला-पीला अंधापन (ट्रिटानोपिया)

रंग कोड

कंट्रास्ट चेकर

अधिक सुलभ डिज़ाइन बनाने के लिए, जाँच करें कि विभिन्न प्रकार के रंग-अंधत्व (कलर ब्लाइंडनेस) वाले लोग किसी रंग को कैसे समझते हैं। रंग-बोध को समझने से यह सुनिश्चित करने में मदद मिलती है कि आपकी सामग्री सभी के लिए सुलभ हो।

ग्रेडिएंट मेकर

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

विभिन्न प्रकार के रंगांधता वाले लोगों को रंग कैसे दिखाई देते हैं, इसका अनुकरण करने के लिए एक निःशुल्क खाता बनाएं।

ब्लाइंडनेस सिम्युलेटर तक पहुंचने के लिए साइन अप करें

सामान्य रंग दृष्टि से रंग इसी प्रकार दिखाई देता है।

लाल-हरा अंधापन (प्रोटानोपिया)

प्रभाव

अंधापन सिम्युलेटर

पूर्ण रंग अंधापन

आंशिक रंग अंधापन

अवर्णता

अक्रोमैटोप्सिया

ड्यूटेरोनोमली

deuteranopia

प्रोटोनोमली

प्रोटानोपिया

ट्रिटानोमैली

ट्रिटानोपिया

लाल-हरा अंधापन सबसे आम है, जो लाल और हरे रंग की धारणा को प्रभावित करता है।

प्रकार

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

हमारा उन्नत रंग विश्लेषण उपकरण रंग के गुणों, सामंजस्य और मनोवैज्ञानिक प्रभावों के बारे में व्यापक जानकारी प्रदान करता है। यह उन डिज़ाइनरों, डेवलपर्स और कलाकारों के लिए बिल्कुल सही है जो रंग के तकनीकी और भावनात्मक पहलुओं को समझना चाहते हैं।

रंग सामंजस्य, मनोवैज्ञानिक प्रभाव, तकनीकी विशिष्टताओं और सुगम्यता मानकों का विश्लेषण करें। डेटा-आधारित अंतर्दृष्टि और पेशेवर रंग सिद्धांत अनुप्रयोगों के साथ अपनी परियोजनाओं में रंगों के उपयोग के बारे में सूचित निर्णय लें।

रंग विश्लेषण को समझना

पेशेवर रंग अंतर्दृष्टि और सामंजस्य

पूर्ण रंग विश्लेषण

शांत रंग - शांत और पेशेवर

वर्णक्रमीय संरचना, रंग शुद्धता, मेटामेरिज़्म प्रभाव और अवधारणात्मक विशेषताओं सहित उन्नत मीट्रिक्स के साथ रंग गुणों का विश्लेषण करें। ये उपकरण विभिन्न दृश्य स्थितियों में रंग व्यवहार और उपस्थिति के बारे में गहन जानकारी प्रदान करते हैं।

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

डिज़ाइन और ब्रांडिंग

रंग चक्र संबंधों के आधार पर पूरक, त्रिआयामी और अनुरूप रंग योजनाएं उत्पन्न करें

रंग सामंजस्य

व्यापक रंग विश्लेषण और मीट्रिक देखने के लिए एक निःशुल्क खाता बनाएं।

रंग विश्लेषण तक पहुँचने के लिए साइन अप करें

मार्केटिंग अभियानों के लिए रंगों के मनोविज्ञान और भावनात्मक प्रभाव को समझें। विश्लेषण करें कि डिजिटल मार्केटिंग रणनीतियों में रंग उपयोगकर्ता व्यवहार और रूपांतरण दरों को कैसे प्रभावित करते हैं।

विपणन और मनोविज्ञान

RGB, HSL, LAB मानों और चमक गणनाओं सहित विस्तृत रंग विनिर्देशों तक पहुँच

तकनीकी मेट्रिक्स

तटस्थ तापमान - संतुलित

पैलेट जनरेटर

समझें कि रंग विभिन्न प्रकाश स्थितियों में और विभिन्न दर्शकों को कैसे दिखाई देते हैं

दृश्य बोध

मानवीय दृष्टि में रंग कैसे दिखाई देते हैं, जिसमें शुद्धता, प्रभुत्व और कथित चमक शामिल है।

अवधारणात्मक गुण

व्यावसायिक रंग विश्लेषण अनुप्रयोग

भावनात्मक और मनोवैज्ञानिक जुड़ावों का अन्वेषण करें जो उपयोगकर्ता के व्यवहार और धारणा को प्रभावित करते हैं

रंग मनोविज्ञान

वैज्ञानिक विश्लेषण

रंग विश्लेषण

गर्म रंग - ऊर्जावान और आमंत्रित

वेब एक्सेसिबिलिटी अनुपालन के लिए रंगों का विश्लेषण करें, CSS रंग कोड जनरेट करें, और इष्टतम पठनीयता सुनिश्चित करें। उपयोगकर्ता अनुभव और WCAG दिशानिर्देशों पर ध्यान केंद्रित करने वाले फ्रंटएंड डेवलपर्स के लिए बिल्कुल सही।

वेब विकास

हर सामंजस्य का अपना एक अलग मूड होता है। सामंजस्य का इस्तेमाल करके ऐसे रंग संयोजनों पर विचार करें जो एक साथ अच्छे से काम करें।

एक प्रमुख रंग का प्रयोग करें, द्वितीयक रंग से समर्थन करें, तथा संयम से उच्चारण करें।

पठनीयता और सुगमता के लिए पर्याप्त कंट्रास्ट सुनिश्चित करें।

रंगों को एक साथ मिलकर एकीकृत दृश्य अनुभव का सृजन करना चाहिए।

रंग सिद्धांत के सिद्धांत

रंग चक्र पर एक रंग और उसका विपरीत, +180 डिग्री का रंग। उच्च कंट्रास्ट।

रंगों के अर्थ विभिन्न संस्कृतियों में भिन्न-भिन्न होते हैं, तथा विश्व भर में इनका प्रतीकात्मक महत्व अलग-अलग होता है।

संस्कृति

मौसमी जुड़ाव, भावनात्मक प्रभाव, प्राकृतिक घटनाएं, ऐतिहासिक रंगद्रव्य और रचनात्मक अनुप्रयोगों के लिए रंग मिश्रण विधियों सहित रंगों के कलात्मक और मनोवैज्ञानिक आयामों का अन्वेषण करें।

रंगों के रचनात्मक और कलात्मक आयामों का पता लगाने के लिए एक निःशुल्क खाता बनाएं।

क्रिएटिव पहलुओं तक पहुँचने के लिए साइन अप करें

रंगों की प्राकृतिक घटनाएं डिजाइन को प्रेरित करती हैं और हमें पर्यावरण से जोड़ती हैं।

प्रकृति

रंग समय के साथ विकसित मनोवैज्ञानिक संबंधों के माध्यम से भावनाओं और व्यवहार को प्रभावित करते हैं।

मनोविज्ञान

रचनात्मक पहलू

किसी भी रंग पर क्लिक करके उसका हेक्स मान कॉपी करें। ये संयोजन गणितीय रूप से दृश्य सामंजस्य बनाने में सिद्ध होते हैं।

रंगों का सामंजस्य आपके डिजाइनों में संतुलन पैदा करता है और विशिष्ट भावनाएं उत्पन्न करता है।

रंग 123456 के बारे में उपयोगी रंग जानकारी प्राप्त करें जैसे रूपांतरण, संयोजन, अंधापन सिमुलेशन और अधिक।

HTML रंग चयनकर्ता: 123456

एक ही रंग के तीन रंग, चमक मान +/-50%। सूक्ष्म और परिष्कृत।

प्रोग्रामिंग उपयोग के लिए टर्मिनल रंग, बाइट एनकोडिंग और डेटा प्रारूप।

विकास

प्रिंट सिमुलेशन, एलईडी डिस्प्ले, टर्मिनल आउटपुट और डेटा एन्कोडिंग सहित वास्तविक दुनिया के अनुप्रयोगों के लिए रंगों को व्यावहारिक स्वरूपों में परिवर्तित करें। ये स्वरूप आपको विभिन्न मीडिया, प्लेटफ़ॉर्म और भौतिक उपकरणों पर रंगों को लागू करने में मदद करते हैं।

सटीक मानों के साथ LED स्ट्रिप्स, RGB लाइटिंग और डिस्प्ले हार्डवेयर को नियंत्रित करें।

डिजिटल डिस्प्ले

सभी व्यावहारिक रंग प्रारूप मानों को देखने और कॉपी करने के लिए एक निःशुल्क खाता बनाएं।

व्यावहारिक प्रारूपों तक पहुँचने के लिए साइन अप करें

भौतिक मीडिया पर CMYK स्याही से मुद्रित होने पर रंग कैसे दिखाई देते हैं, इसका अनुकरण करें।

प्रिंट और उत्पादन

व्यावहारिक प्रारूप

अपनी परियोजनाओं के लिए सभी रंग प्रारूप रूपांतरणों तक तुरंत पहुंच प्राप्त करें।

सभी व्यावहारिक प्रारूपों तक पहुँच

आपके आधार रंग में काला रंग मिलाकर गहरे रंग की विविधताएं बनाई जाती हैं।

एक रंग और उसके पूरक के दो आसन्न रंग, मुख्य रंग के विपरीत मान से +/-30 डिग्री की रंगत। सीधे पूरक की तरह बोल्ड, लेकिन ज़्यादा बहुमुखी।

व्यापक रंग सरगम

रंग उपस्थिति मॉडल

वीडियो निर्माण, फ़ोटोग्राफ़ी, वैज्ञानिक अनुप्रयोगों और रंग प्रबंधन प्रणालियों में उपयोग किए जाने वाले उन्नत रंग स्थान निरूपण और पेशेवर रंग मॉडल का अन्वेषण करें। ये तकनीकी प्रारूप विशिष्ट उद्योगों और अनुप्रयोगों के लिए सटीक रंग विनिर्देश प्रदान करते हैं।

अवधारणात्मक रूप से एकसमान

व्यावसायिक वर्कफ़्लोज़ को डिवाइसों और मीडिया में एकरूपता के लिए विशिष्ट रंग प्रारूपों की आवश्यकता होती है।

उद्योग मानक

सभी तकनीकी रंग प्रारूप मानों को देखने और कॉपी करने के लिए एक निःशुल्क खाता बनाएं।

तकनीकी प्रारूपों तक पहुँचने के लिए साइन अप करें

रंग संकेतन प्रणाली

पेशेवर फोटोग्राफी

यूएचडीटीवी/4के/8के

तकनीकी प्रारूप

सटीक रूपांतरण और विस्तृत स्पष्टीकरण के साथ 10+ पेशेवर रंग प्रारूपों तक तुरंत पहुंच प्राप्त करें।

सभी तकनीकी प्रारूपों को अनलॉक करें

विभिन्न रंग स्थानों को विशिष्ट उद्देश्यों के लिए अनुकूलित किया जाता है - सटीक रंग पुनरुत्पादन से लेकर कुशल डेटा संपीड़न तक।

तकनीकी प्रारूपों का उपयोग क्यों करें

वीडियो/प्रसारण PAL

पूरक रंगों के दो सेट, 60 डिग्री के अंतर से अलग।

आपके आधार रंग में सफेद रंग मिलाकर हल्के बदलाव बनाए जाते हैं।

रंग चक्र पर तीन रंग समान रूप से फैले हुए हैं, प्रत्येक रंग में 120 डिग्री का अंतर है। एक रंग को हावी होने देना और बाकी रंगों को आकर्षक रंगों के रूप में इस्तेमाल करना सबसे अच्छा है।

इस अनुभाग का उद्देश्य आपके चयनित रंग के टिंट (शुद्ध सफेद मिलाया गया) और शेड (शुद्ध काला मिलाया गया) को 10% वृद्धि में सटीक रूप से तैयार करना है।

ये विविधताएँ एक सुसंगत रंग पैलेट का आधार बनती हैं। अपने पूरे प्रोजेक्ट में एकरूपता बनाए रखने के लिए इन्हें निर्यात करें।

हॉवर स्थिति और छाया के लिए शेड्स का उपयोग करें, तथा हाइलाइट्स और पृष्ठभूमि के लिए टिंट्स का उपयोग करें।

नाम

हमसे संपर्क करें

पाठ समायोजित करें

टेक्स्ट का रंग समायोजित करें

पाठ का रंग समायोजित करें

बेहतर पठनीयता के लिए टेक्स्ट कंट्रास्ट में सुधार हेतु स्लाइडर्स को समायोजित करें

यह सामान्य मुख्य पाठ है। तेज़ तर्रार लोमड़ी आलसी कुत्ते के ऊपर से कूद जाती है।

टेक्स्ट और बैकग्राउंड रंगों के लिए कलर पिकर का उपयोग करके रंग चुनें या RGB हेक्साडेसिमल फॉर्मेट में रंग डालें (जैसे, #259 या #2596BE)। आप रंग का चयन करने के लिए स्लाइडर को समायोजित कर सकते हैं। वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस (WCAG) में एक विशिष्ट दिशानिर्देश है जो यह पता लगाने में मदद करता है कि टेक्स्ट सामान्य दृष्टि वाले उपयोगकर्ताओं के लिए पठनीय है या नहीं। यह मानदंड रंग संयोजनों को तुलनीय अनुपात में मैप करने के लिए एक विशेष एल्गोरिदम का उपयोग करता है। इस सूत्र का उपयोग करते हुए, WCAG बताता है कि टेक्स्ट और उसकी पृष्ठभूमि के साथ 4.5:1 का कंट्रास्ट अनुपात सामान्य (बॉडी) टेक्स्ट के लिए पर्याप्त है, और बड़े टेक्स्ट (18+ पीटी नियमित, या 14+ पीटी बोल्ड) में कम से कम 3:1 का कंट्रास्ट अनुपात होना चाहिए।

यह सुनिश्चित करने के लिए रंग संयोजनों का परीक्षण करें कि वे पाठ पठनीयता के लिए WCAG सुगम्यता मानकों को पूरा करते हैं।

टेक्स्ट ठीक करें (AAA)

कलर कंट्रास्ट चेकर: इस ऑनलाइन टूल से आप टेक्स्ट और बैकग्राउंड रंगों के कंट्रास्ट अनुपात (123456) के बारे में विवरण प्राप्त कर सकते हैं।

 कलर कंट्रास्ट चेकर: 123456

यह दिखाता है कि रंग उलटे होने पर कैसे दिखते हैं, यह डार्क/लाइट मोड के लिए उपयोगी है।

(≥ 18pt या ≥ 14pt बोल्ड)

यह एक उदाहरण पाठ है

क्लिक करने योग्य लिंक

छोटा पाठ उदाहरण (12px)

तेज, भूरी लोमडी आलसी कुत्ते के उपर कूद गई

पूर्वावलोकन शीर्षक

पाठ समायोजन रीसेट करें

यह पठनीयता परीक्षण के लिए छोटा पाठ है।

यह छोटा पाठ है जो फिर भी पठनीय होना चाहिए।

WCAG पहुंच मानकों को पूरा करते हुए जीवंतता बनाए रखने वाले 5 बुद्धिमान रंग सुझावों तक पहुंचने के लिए निःशुल्क साइन अप करें।

स्मार्ट रंग सुझाव अनलॉक करें

सामान्य पाठ के लिए 7:1 और बड़े पाठ के लिए 4.5:1 का उन्नत कंट्रास्ट अनुपात। इष्टतम पहुँच के लिए अनुशंसित।

सामान्य टेक्स्ट के लिए न्यूनतम कंट्रास्ट अनुपात 4.5:1 और बड़े टेक्स्ट के लिए 3:1 होना चाहिए। अधिकांश वेबसाइटों के लिए आवश्यक।

WCAG अनुपालन स्तर

WCAG दिशानिर्देश यह सुनिश्चित करते हैं कि आपकी सामग्री दृष्टिबाधित उपयोगकर्ताओं के लिए सुलभ हो।

WCAG मानक

10 रंगों की अधिकतम संख्या तक पहुंच गया

4 रंगों की न्यूनतम संख्या तक पहुंच गया

ध्यान देने की जरूरत

इस सुविधा का उपयोग करने के लिए आपको एक निःशुल्क छवि रंग बीनने वाला खाता बनाना होगा। आपके पास बाद में और अधिक कार्यों तक पहुंच होगी।

एक नया पैलेट बनाएं

अपने सहेजे गए पैलेट और ग्रेडिएंट प्रबंधित करें

अपने सहेजे गए ग्रेडिएंट देखें और प्रबंधित करें

आपके ग्रेडिएंट

अपने सहेजे गए रंग पैलेट देखें और प्रबंधित करें

आपके पैलेट

डैशबोर्ड

अपना पैलेट संपादित करें

imagecolorpicker.com से ग्रेडिएंट मेकर के साथ शानदार ग्रेडिएंट बनाएँ। रैखिक और रेडियल ग्रेडिएंट में से चुनें, कई रंग जोड़ें, ग्रेडिएंट घुमाएँ, अपनी रचनाओं को सहेजें और साझा करें। CSS कोड को सीधे डाउनलोड करें और अपने ग्रेडिएंट को अपनी परियोजनाओं में सहजता से एकीकृत करें।

imagecolorpicker.com के ग्रेडिएंट मेकर से शानदार ग्रेडिएंट बनाएँ। लीनियर और रेडियल ग्रेडिएंट में से चुनें, कई रंग जोड़ें, ग्रेडिएंट घुमाएँ, अपनी रचनाओं को सेव और शेयर करें। CSS कोड सीधे डाउनलोड करें और अपने ग्रेडिएंट को अपने प्रोजेक्ट्स में आसानी से एकीकृत करें।

अपना ग्रेडिएंट संपादित करें

ग्रेडिएंट शीर्षक आवश्यक है

ग्रेडिएंट मेकर - शानदार रैखिक और रेडियल ग्रेडिएंट बनाएं | imagecolorpicker.com

ढाल

रंग कोड, विविधताएं, सामंजस्य उत्पन्न करें और कंट्रास्ट अनुपात की जांच करें।

रंग कोड जनरेटर और पिकर

आसानी से सुंदर ग्रेडिएंट बनाएं - रंगों, दिशाओं को अनुकूलित करें और अपनी रचनाओं को निर्यात करें।

अपने पसंदीदा रंग पैलेट को प्रबंधित और व्यवस्थित करें।

आपके सहेजे गए पैलेट

इस साझा ग्रेडिएंट को देखें और एक्सप्लोर करें.

साझा ग्रेडिएंट

इस साझा पैलेट को देखें और एक्सप्लोर करें.

साझा पैलेट

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

विज्ञापन अवरोधक का पता चला - इसके बजाय कॉफी के साथ हमारा समर्थन करें!

ऊपर दिए गए ऑनलाइन इमेज कलर पिकर का इस्तेमाल करके कोई रंग चुनें और उस पिक्सेल का HTML कलर कोड प्राप्त करें। आपको HEX कलर कोड मान, RGB मान और HSV मान भी मिलेंगे। 'अपनी इमेज इस्तेमाल करें' सेक्शन में आप अपनी इमेज अपलोड कर सकते हैं (उदाहरण के लिए, अपने डेस्कटॉप का स्क्रीनशॉट), क्लिपबोर्ड से कोई इमेज पेस्ट करें, नीचे दिए गए टेक्स्ट बॉक्स में पिक्चर का URL डालें। या किसी वेबसाइट का URL इस्तेमाल करें, आपको बाईं ओर एक थंबनेल दिखाई देगा।

अपलोड करने के लिए एक छवि फ़ाइल छोड़ें। समर्थित प्रारूप: PNG, JPG, JPEG।

छवि अपलोड करें

कलर पिकर: इस ऑनलाइन टूल से आप एक इमेज अपलोड कर सकते हैं या एक वेबसाइट यूआरएल प्रदान कर सकते हैं और आरजीबी कलर, एचईएक्स कलर और एचएसएल कलर कोड प्राप्त कर सकते हैं। मैं

रंग बीनने वाला ऑनलाइन | हेक्स कलर पिकर | एचटीएमएल कलर पिकर

यदि आप मौजूदा ऑपरेटिंग सिस्टम और वर्तमान ब्राउज़र वाले मैक या कंप्यूटर पर हैं, तो आप इस सुविधा का उपयोग कर सकते हैं। सफारी, एज, फायरफॉक्स और क्रोम का परीक्षण हमारे द्वारा किया गया है। लुक थोड़ा अलग हो सकता है।

आप इस सुविधा का तीन बार मुफ़्त इस्तेमाल कर सकते हैं, फिर तीन बार और इस्तेमाल करने के लिए एक छोटा सा विज्ञापन देख सकते हैं। आपके सहयोग से हमें दुनिया भर के 30 लाख से ज़्यादा उपयोगकर्ताओं के लिए यह टूल मुफ़्त रखने में मदद मिलती है।

इसका निःशुल्क उपयोग जारी रखने के लिए 15 सेकंड का विज्ञापन देखें

आपने इस सुविधा का 3 बार उपयोग किया है!

pexels के माध्यम से फ़ोटो खोजें

किसी भी समय विज्ञापन छोड़ने के लिए एक निःशुल्क खाता बनाएँ

ImageColorPicker.com

हमसे संपर्क करें