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

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

आरजीबी:rgb(51, 124, 128)
एचएसएल:hsl(183, 43%, 35%)
हेक्स
#337C80
आरजीबी
51, 124, 128
एचएसएल
183°, 43%, 35%
एचएसवी
183°, 60%, 50%
CMYK
60%, 3%, 0%, 50%

रंग रूपांतरण

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

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

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

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

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

छाया

0-100%
0%#337C80
10%#2E6F73
20%#296366
30%#245759
40%#1F4A4D
50%#193E40
60%#143233
70%#0F2526
80%#0A191A
90%#050C0D
100%#000000

टिंट्स

0-100%
0%#337C80
10%#3C9397
20%#46AAAF
30%#59B8BD
40%#71C2C6
50%#88CCD0
60%#A0D6D9
70%#B8E1E3
80%#D0EBEC
90%#E7F5F6
100%#FFFFFF

रंग सामंजस्य

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

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

पूरक

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

समान

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

त्रिकोणीय

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

टेट्रैडिक

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

Design guidance

संतुलन

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

विपरीत

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

सद्भाव

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

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

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

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