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

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

RGB:rgb(205, 159, 126)
HSL:hsl(25, 44%, 65%)
HEX
#CD9F7E
RGB
205, 159, 126
HSL
25°, 44%, 65%
HSV
25°, 39%, 80%
CMYK
0%, 22%, 39%, 20%

रंग रूपांतरण

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

#CD9F7E

≈ स्टील ब्लू

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

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

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

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

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

शेड्स

0–100%
0%#CD9F7E
10%#C48D67
20%#BA7C4F
30%#A76C41
40%#8F5C38
50%#774D2E
60%#5F3D25
70%#482E1C
80%#301F13
90%#180F09
100%#000000

टिंट्स

0–100%
0%#CD9F7E
10%#D2A98B
20%#D7B298
30%#DCBCA5
40%#E1C6B2
50%#E6CFBF
60%#EBD9CC
70%#F0E2D8
80%#F5ECE5
90%#FAF5F2
100%#FFFFFF

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

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

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

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

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

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

रंग सामंजस्य

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

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

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

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

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

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

पूरक

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

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

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

समान

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

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

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

त्रय

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

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

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

चतुर्भुज

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

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

संतुलन

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

कंट्रास्ट

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

सामंजस्य

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

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

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

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