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

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

RGB:rgb(176, 205, 126)
HSL:hsl(82, 44%, 65%)
HEX
#B0CD7E
RGB
176, 205, 126
HSL
82°, 44%, 65%
HSV
82°, 39%, 80%
CMYK
14%, 0%, 39%, 20%

रंग रूपांतरण

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

#B0CD7E

≈ स्टील ब्लू

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

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

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

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

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

शेड्स

0–100%
0%#B0CD7E
10%#A2C467
20%#93BA4F
30%#82A741
40%#6F8F38
50%#5D772E
60%#4A5F25
70%#38481C
80%#253013
90%#131809
100%#000000

टिंट्स

0–100%
0%#B0CD7E
10%#B8D28B
20%#C0D798
30%#C8DCA5
40%#D0E1B2
50%#D8E6BF
60%#DFEBCC
70%#E7F0D8
80%#EFF5E5
90%#F7FAF2
100%#FFFFFF

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

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

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

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

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

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

रंग सामंजस्य

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

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

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

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

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

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

पूरक

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

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

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

समान

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

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

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

त्रय

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

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

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

चतुर्भुज

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

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

संतुलन

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

कंट्रास्ट

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

सामंजस्य

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

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

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

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