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

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

आरजीबी:rgb(51, 75, 128)
एचएसएल:hsl(221, 43%, 35%)
हेक्स
#334B80
आरजीबी
51, 75, 128
एचएसएल
221°, 43%, 35%
एचएसवी
221°, 60%, 50%
CMYK
60%, 41%, 0%, 50%

रंग रूपांतरण

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

हेक्स
#334B80
≈ स्टील ब्लू

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

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

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

छाया

0-100%
0%#334B80
10%#2E4473
20%#293C66
30%#243559
40%#1F2D4D
50%#192640
60%#141E33
70%#0F1726
80%#0A0F1A
90%#05080D
100%#000000

टिंट्स

0-100%
0%#334B80
10%#3C5997
20%#4667AF
30%#5979BD
40%#718CC6
50%#889FD0
60%#A0B2D9
70%#B8C5E3
80%#D0D9EC
90%#E7ECF6
100%#FFFFFF

रंग सामंजस्य

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

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

पूरक

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

समान

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

त्रिकोणीय

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

टेट्रैडिक

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

Design guidance

संतुलन

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

विपरीत

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

सद्भाव

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

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

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

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