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

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

RGB:rgb(59, 29, 73)
HSL:hsl(281, 43%, 20%)
HEX
#3B1D49
RGB
59, 29, 73
HSL
281°, 43%, 20%
HSV
281°, 60%, 29%
CMYK
19%, 60%, 0%, 71%

रंग रूपांतरण

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

#3B1D49

≈ स्टील ब्लू

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

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

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

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

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

शेड्स

0–100%
0%#3B1D49
10%#351A42
20%#2F173A
30%#291433
40%#23112C
50%#1E0F24
60%#180C1D
70%#120916
80%#0C060F
90%#060307
100%#000000

टिंट्स

0–100%
0%#3B1D49
10%#532966
20%#6A3483
30%#8240A0
40%#9850B9
50%#A96DC5
60%#BA8AD0
70%#CBA7DC
80%#DDC5E8
90%#EEE2F3
100%#FFFFFF

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

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

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

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

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

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

रंग सामंजस्य

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

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

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

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

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

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

पूरक

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

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

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

समान

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

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

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

त्रय

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

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

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

चतुर्भुज

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

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

संतुलन

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

कंट्रास्ट

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

सामंजस्य

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

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

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

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