#C0E2B6 रंग कोड अंतर्दृष्टि

आत्मविश्वास के साथ डिज़ाइन करने के लिए आवश्यक सभी रूपांतरण, सामंजस्य और एक्सेसिबिलिटी जाँचें।

RGB:rgb(192, 226, 182)
HSL:hsl(106, 43%, 80%)
HEX
#C0E2B6
RGB
192, 226, 182
HSL
106°, 43%, 80%
HSV
106°, 19%, 89%
CMYK
15%, 0%, 19%, 11%

रंग रूपांतरण

एक ही स्थान पर कई रंग मॉडलों में मान उत्पन्न करें।

#C0E2B6

≈ स्टील ब्लू

संदर्भ रंग कार्ड

कम ΔE का अर्थ है अधिक निकट दृश्य मिलान

टिंट्स और शेड्स

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

किसी भी हेक्स मान को कॉपी करने और उसे अपने इंटरफ़ेस में पुन: उपयोग करने के लिए होवर करें।

शेड्स

0–100%
0%#C0E2B6
10%#A7D699
20%#8ECB7C
30%#75BF5F
40%#5EAF46
50%#4F923A
60%#3F752F
70%#2F5823
80%#1F3A17
90%#101D0C
100%#000000

टिंट्स

0–100%
0%#C0E2B6
10%#C7E5BD
20%#CDE8C5
30%#D3EBCC
40%#D9EED3
50%#E0F0DB
60%#E6F3E2
70%#ECF6E9
80%#F2F9F0
90%#F9FCF8
100%#FFFFFF

सामान्य उपयोग के मामले

  • UI कंपोनेंट स्टेट्स (होवर, सक्रिय, अक्षम)
  • शैडो और हाइलाइट्स के साथ गहराई बनाना
  • सुसंगत रंग प्रणालियाँ बनाना

डिज़ाइन सिस्टम

डिज़ाइन सिस्टम टिप

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

पैलेट निर्यात करें

रंग सामंजस्य

#C0E2B6 से उत्पन्न सामंजस्यों के साथ तुरंत संतुलित पैलेट बनाएँ।

किसी भी नमूने पर क्लिक करके उसका विवरण पृष्ठ खोलें और अन्वेषण जारी रखें।

कैसे उपयोग करें

एक प्रमुख रंग चुनें, फिर सहायक रंगों को टाइपोग्राफी, सतहों और कॉल-टू-एक्शन बटनों के लिए उच्चारण के रूप में कार्य करने दें।

यह क्यों मायने रखता है

संतुलित सामंजस्य आपके लेआउट को अभिभूत किए बिना इरादे (शांत, ऊर्जावान, प्रीमियम) को संप्रेषित करते हैं।

पूरक

विपरीत रंग जो प्रभाव और बोल्ड कंट्रास्ट बनाते हैं।

इसके लिए सर्वोत्तम

उच्च-प्रभाव वाले CTA, लोगो और हीरो सेक्शन के लिए

समान

प्राकृतिक, तरल ग्रेडिएंट्स के लिए पड़ोसी रंग।

इसके लिए सर्वोत्तम

प्रकृति-प्रेरित, शांत करने वाले डैशबोर्ड के लिए

त्रय

चंचल संतुलन के लिए तीन समान दूरी वाले रंग।

इसके लिए सर्वोत्तम

चंचल ब्रांडिंग और संपादकीय लेआउट के लिए

चतुर्भुज

दो पूरक जोड़े जो समृद्ध विविधता प्रदान करते हैं।

इसके लिए सर्वोत्तम

चित्रण और विपणन प्रयोगों के लिए

मोनोक्रोमैटिक

एक ही रंग परिवार के भीतर हल्के और गहरे रंग के भाई-बहन।

इसके लिए सर्वोत्तम

न्यूनतम इंटरफेस और प्रीमियम UI स्टेट्स के लिए

एक्सेसिबिलिटी कंट्रास्ट

जाँचें कि #C0E2B6 सामान्य टेक्स्ट रंगों के साथ कितना पठनीय है ताकि हर आगंतुक स्पष्ट अनुभव का आनंद ले सके।

बॉडी कॉपी के लिए AA को आधार रेखा के रूप में और प्रीमियम एक्सेसिबिलिटी के लिए AAA का उपयोग करें।

काला टेक्स्ट पर नमूना टेक्स्ट
टेक्स्ट रंग#000000
पृष्ठभूमि#C0E2B6
कंट्रास्ट अनुपात14.80:1
WCAG स्तरAAA
सफेद टेक्स्ट पर नमूना टेक्स्ट
टेक्स्ट रंग#FFFFFF
पृष्ठभूमि#C0E2B6
कंट्रास्ट अनुपात1.42:1
WCAG स्तरFail
अनुशंसित टेक्स्ट पूर्वावलोकन
टेक्स्ट रंग#000000
पृष्ठभूमि#C0E2B6
कंट्रास्ट अनुपात14.80:1
WCAG स्तरAAA

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

XYZ, LAB, CMYK वेरिएंट और निर्यात-तैयार प्रोफाइल जैसे प्रो रंग स्पेस को अनलॉक करें।

मुफ्त में साइन अप करें

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

प्रिंट सिमुलेशन, LED मैपिंग और डेवलपर-तैयार बाइट ऑर्डर प्राप्त करें।

मुफ्त में साइन अप करें

रंग विश्लेषण

स्पेक्ट्रल डेटा, प्रभुत्व रिपोर्ट और उन्नत विश्लेषण में गोता लगाएँ।

मुफ्त में साइन अप करें

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

पूर्वावलोकन करें कि #C0E2B6 सामान्य रंग-दृष्टि कमियों में कैसा दिखता है।

मुफ्त में साइन अप करें

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

मौसमी जुड़ाव, भावनात्मक संकेतों और प्राकृतिक घटनाओं का अन्वेषण करें।

मुफ्त में साइन अप करें

डिज़ाइन मार्गदर्शन

संतुलन

#C0E2B6 को एक हाइलाइट के रूप में मानें। दृश्य अधिभार से बचने के लिए इसे तटस्थ रंगों और एक सहायक रंग के साथ जोड़ें।

कंट्रास्ट

वास्तविक सामग्री के साथ संयोजनों का परीक्षण करें। उच्च कंट्रास्ट स्कैनिंग, पठनीयता और रूपांतरणों में सुधार करता है।

सामंजस्य

सतहों के लिए हल्के टिंट्स, प्राथमिक रंगों के लिए आधार रंग, और होवर या दबाए गए स्टेट्स के लिए गहरे शेड्स का उपयोग करें।

एक और रंग चाहिए?

छवियाँ अपलोड करने, पैलेट उत्पन्न करने और नए रंग संबंधों का पता लगाने के लिए कलर पिकर पर वापस जाएँ।

कलर पिकर खोलें