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

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

आरजीबी:rgb(51, 115, 128)
एचएसएल:hsl(190, 43%, 35%)
हेक्स
#337380
आरजीबी
51, 115, 128
एचएसएल
190°, 43%, 35%
एचएसवी
190°, 60%, 50%
CMYK
60%, 10%, 0%, 50%

रंग रूपांतरण

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

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

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

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

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

छाया

0-100%
0%#337380
10%#2E6773
20%#295C66
30%#245059
40%#1F454D
50%#193940
60%#142E33
70%#0F2226
80%#0A171A
90%#050B0D
100%#000000

टिंट्स

0-100%
0%#337380
10%#3C8897
20%#469DAF
30%#59ACBD
40%#71B8C6
50%#88C4D0
60%#A0D0D9
70%#B8DCE3
80%#D0E7EC
90%#E7F3F6
100%#FFFFFF

रंग सामंजस्य

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

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

पूरक

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

समान

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

त्रिकोणीय

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

टेट्रैडिक

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

Design guidance

संतुलन

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

विपरीत

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

सद्भाव

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

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

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

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