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

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

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

रंग रूपांतरण

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

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

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

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

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

छाया

0-100%
0%#334F80
10%#2E4773
20%#293F66
30%#243759
40%#1F2F4D
50%#192840
60%#142033
70%#0F1826
80%#0A101A
90%#05080D
100%#000000

टिंट्स

0-100%
0%#334F80
10%#3C5E97
20%#466CAF
30%#597EBD
40%#7190C6
50%#88A3D0
60%#A0B5D9
70%#B8C8E3
80%#D0DAEC
90%#E7EDF6
100%#FFFFFF

रंग सामंजस्य

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

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

पूरक

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

समान

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

त्रिकोणीय

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

टेट्रैडिक

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

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

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

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

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

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

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

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

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

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

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

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

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

रंग विश्लेषण

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

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

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

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

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

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

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

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

Design guidance

संतुलन

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

विपरीत

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

सद्भाव

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

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

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

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