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

सभी रूपांतरण, सामंजस्य, और पहुंच की जांच आपको आत्मविश्वास के साथ डिजाइन करने की आवश्यकता है।

आरजीबी:rgb(51, 61, 128)
एचएसएल:hsl(232, 43%, 35%)
हेक्स
#333D80
आरजीबी
51, 61, 128
एचएसएल
232°, 43%, 35%
एचएसवी
232°, 60%, 50%
CMYK
60%, 52%, 0%, 50%

रंग रूपांतरण

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

हेक्स
#333D80
≈ स्टील ब्लू

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

जब आप इसे सफेद या काले रंग के साथ मिश्रित करते हैं तो यह पता लगाएं कि #333D80 कैसा व्यवहार करता है।ये स्वाट्स होवर राज्यों, छाया और पृष्ठभूमि के लिए एकदम सही हैं।

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

छाया

0-100%
0%#333D80
10%#2E3773
20%#293166
30%#242B59
40%#1F254D
50%#191F40
60%#141833
70%#0F1226
80%#0A0C1A
90%#05060D
100%#000000

टिंट्स

0-100%
0%#333D80
10%#3C4897
20%#4654AF
30%#5966BD
40%#717CC6
50%#8892D0
60%#A0A8D9
70%#B8BEE3
80%#D0D3EC
90%#E7E9F6
100%#FFFFFF

रंग सामंजस्य

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

अपने स्वयं के विवरण पृष्ठ खोलने के लिए किसी भी स्वैच पर क्लिक करें और अन्वेषण जारी रखें।

पूरक

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

समान

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

त्रिकोणीय

खेल के लिए तीन समान रूप से दूरी रंग।

टेट्रैडिक

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

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

एक ही परिवार के अंदर हल्का और अंधेरा भाई।

पहुंच के विपरीत

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

शरीर की प्रतिलिपि के लिए आधार रेखा के रूप में AA और प्रीमियम पहुंच के लिए AAA का उपयोग करें।

उदाहरण के लिए काला पाठ पर पाठ
पाठ रंग#000000
पृष्ठभूमि#333D80
विपरीत अनुपात2.12:1
WCAG स्तरFail
उदाहरण के लिए सफेद पाठ पर पाठ
पाठ रंग#FFFFFF
पृष्ठभूमि#333D80
विपरीत अनुपात9.91:1
WCAG स्तरAAA
अनुशंसित पाठ पूर्वावलोकन
पाठ रंग#FFFFFF
पृष्ठभूमि#333D80
विपरीत अनुपात9.91:1
WCAG स्तरAAA

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

पूर्वावलोकन कैसे #333D80 सामान्य रंग-विजन की कमी में दिखाई देता है।

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

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

मौसमी संघों, भावनात्मक संकेतों और प्राकृतिक घटनाओं का पता लगाएं।

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

Design guidance

संतुलन

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

विपरीत

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

सद्भाव

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

एक और रंग की जरूरत है?

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

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