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

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

RGB:rgb(184, 71, 81)
HSL:hsl(355, 44%, 50%)
HEX
#B84751
RGB
184, 71, 81
HSL
355°, 44%, 50%
HSV
355°, 61%, 72%
CMYK
0%, 61%, 56%, 28%

रंग रूपांतरण

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

#B84751

≈ स्टील ब्लू

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

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

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

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

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

शेड्स

0–100%
0%#B84751
10%#A54049
20%#933941
30%#813239
40%#6E2B30
50%#5C2428
60%#491D20
70%#371518
80%#250E10
90%#120708
100%#000000

टिंट्स

0–100%
0%#B84751
10%#BF5A62
20%#C66C74
30%#CD7E85
40%#D49196
50%#DBA3A8
60%#E2B6B9
70%#EAC8CB
80%#F1DADC
90%#F8EDEE
100%#FFFFFF

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

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

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

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

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

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

रंग सामंजस्य

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

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

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

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

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

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

पूरक

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

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

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

समान

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

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

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

त्रय

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

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

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

चतुर्भुज

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

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

संतुलन

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

कंट्रास्ट

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

सामंजस्य

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

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

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

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