#0066FF · रंग कोड जेनरेटर र पिकर

रंग कोडहरू, भेरिएसनहरू, हार्मोनीहरू उत्पन्न गर्नुहोस्, र कन्ट्रास्ट अनुपात जाँच गर्नुहोस्।

रंग रूपान्तरण

#0066ff

भिन्नताहरू

यस खण्डको उद्देश्य तिम्रो चयन गरिएको रंगको १०% वृद्धिमा टिन्ट्स (शुद्ध सेतो थपिएको) र शेड्स (शुद्ध कालो थपिएको) सटीक रूपमा उत्पादन गर्नु हो।

प्रो टिप: होभर अवस्थाहरू र छायाहरूको लागि शेड्स प्रयोग गर, हाइलाइट्स र पृष्ठभूमिहरूको लागि टिन्ट्स।

शेड्स

तिम्रो आधार रंगमा कालो थपेर बनाइएका गाढा भिन्नताहरू।

टिन्ट्स

तिम्रो आधार रंगमा सेतो थपेर बनाइएका हल्का भिन्नताहरू।

सामान्य प्रयोगका केसहरू

  • • UI कम्पोनेन्ट अवस्थाहरू (होभर, सक्रिय, अक्षम)
  • • छायाहरू र हाइलाइट्सको साथ गहिराई सिर्जना गर्दै
  • • सुसंगत रंग प्रणालीहरू निर्माण गर्दै

डिजाइन प्रणाली टिप

यी भिन्नताहरू एक सुसंगत रंग Palette को आधार बनाउँछन्। तिम्रो सम्पूर्ण परियोजनामा ​​सुसंगतता कायम राख्न तिनीहरूलाई निर्यात गर।

रंग संयोजनहरू

प्रत्येक हार्मनीको आफ्नै मूड हुन्छ। राम्रोसँग काम गर्ने रंग संयोजनहरूको मस्तिष्कमा आँधी ल्याउन हार्मनीहरू प्रयोग गर।

कसरी प्रयोग गर्ने

कुनै पनि रंगमा क्लिक गरेर यसको Hex मान प्रतिलिपि गर। यी संयोजनहरू दृश्यात्मक हार्मनी सिर्जना गर्न गणितीय रूपमा प्रमाणित छन्।

किन यो महत्त्वपूर्ण छ

रंग हार्मनीहरूले सन्तुलन सिर्जना गर्छन् र तिम्रो डिजाइनहरूमा विशिष्ट भावनाहरू उत्पन्न गर्छन्।

पूरक

रंग र यसको विपरीत रंग चक्रमा, +180 डिग्रीको ह्यूसँग। उच्च विपरीत।

का लागि उत्तम: उच्च प्रभावकारी डिजाइनहरू, CTA हरू, लोगोहरू

विभाजित-पूरक

रंग र यसको पूरकको छेउछाउका दुई, मुख्य रंगको विपरीत मानबाट +/-30 डिग्रीको ह्यूसँग। सीधा पूरक जस्तै साहसी, तर बढी बहुमुखी।

का लागि उत्तम: जीवंत तर सन्तुलित लेआउटहरू

त्रिकोणीय

रंग चक्रमा समान रूपमा दूरीमा रहेका तीन रंगहरू, प्रत्येक 120 डिग्रीको ह्यूसँग। एक रंगलाई प्रमुख बनाउन र अन्यलाई उच्चारणको रूपमा प्रयोग गर्न उत्तम।

का लागि उत्तम: खेलौना जस्तै, ऊर्जावान डिजाइनहरू

समानार्थी

उही चमक र संतृप्तिका तीन रंगहरू जसका ह्यूसँग रंग चक्रमा छेउछाउ छन्, 30 डिग्रीको दूरीमा। मृदु संक्रमणहरू।

का लागि उत्तम: प्रकृति-प्रेरित, शान्त इन्टरफेसहरू

एकरंगी

उही ह्यूसँग तीन रंगहरू जसका चमक मानहरू +/-50% छन्। सूक्ष्म र परिष्कृत।

का लागि उत्तम: न्यूनतम, परिष्कृत डिजाइनहरू

चतुर्भुज

दुई सेटको परिपूरक रंगहरू, जसलाई ६० डिग्रीको ह्यूसँग अलग गरिएको छ।

का लागि उत्तम: धनी, विविध रंग योजनाहरू

रंग सिद्धान्तका सिद्धान्तहरू

सन्तुलन

एक प्रमुख रंग प्रयोग गर, सहायकको रूपमा दोस्रो रंग, र थोरै मात्रामा उच्चारण गर।

विपरीत

पढ्न र पहुँचयोग्यताको लागि पर्याप्त विपरीत सुनिश्चित गर।

सद्भाव

रंगहरूले एकीकृत दृश्य अनुभव सिर्जना गर्न सँगै काम गर्नुपर्छ।

रङ्ग विरोध जाँचकर्ता

पाठ पढ्न योग्यताको लागि WCAG पहुँच मापदण्डहरू पूरा गर्न रङ्ग संयोजनहरू परीक्षण गर्नुहोस्।

विरोध

1.00
common.contrastFail
धेरै कमजोर
सानो पाठ
common.contrastFail
ठूलो पाठ
common.contrastFail

WCAG मापदण्डहरू

AA:सामान्य पाठको लागि न्यूनतम विरोध अनुपात 4.5:1 र ठूलो पाठको लागि 3:1। अधिकांश वेबसाइटहरूको लागि आवश्यक।
AAA:सामान्य पाठको लागि 7:1 को उन्नत विरोध अनुपात र ठूलो पाठको लागि 4.5:1। इष्टतम पहुँचको लागि सिफारिस गरिएको।
सबै पाठ आकारहरूको लागि अपर्याप्त कन्ट्रास्ट - WCAG मापदण्डहरूमा असफल।

उन्नत कन्ट्रास्ट चेकर

स्लाइडरहरू, बहु पूर्वावलोकनहरू र थपको साथ ठीक-ठीक ट्युन गर्नुहोस्

सबै जना प्रतिभाशाली हुन्छन्। तर यदि तपाईंले माछालाई रुख चढ्न सक्ने क्षमतामा मूल्यांकन गर्नुभयो भने, यसले आफ्नो सम्पूर्ण जीवनलाई मूर्ख भएको विश्वासमा बिताउनेछ।

contrastChecker.quote1Author

प्राविधिक ढाँचा

उन्नत रंग स्थान प्रतिनिधित्व र व्यावसायिक रंग मोडेलहरू अन्वेषण गर्नुहोस् जुन भिडियो उत्पादन, फोटोग्राफी, वैज्ञानिक अनुप्रयोगहरू, र रंग व्यवस्थापन प्रणालीहरूमा प्रयोग गरिन्छ। यी प्राविधिक ढाँचाहरूले विशेष उद्योगहरू र अनुप्रयोगहरूको लागि सटीक रंग विशिष्टताहरू प्रदान गर्छन्।

व्यावहारिक ढाँचाहरू

वास्तविक संसारका अनुप्रयोगहरूको लागि रंगहरू व्यावहारिक ढाँचाहरूमा रूपान्तरण गर्नुहोस्, जसमा प्रिन्ट सिमुलेशन, LED डिस्प्ले, टर्मिनल आउटपुट, र डाटा एन्कोडिङ समावेश छ। यी ढाँचाहरूले तपाईंलाई विभिन्न मिडिया, प्लेटफर्महरू, र भौतिक उपकरणहरूमा रंगहरू कार्यान्वयन गर्न मद्दत गर्छन्।

रंग विश्लेषण

उन्नत मेट्रिक्स सहित रंग गुणहरू विश्लेषण गर्नुहोस् जसमा स्पेक्ट्रल संरचना, रंग शुद्धता, मेटामेरिज्म प्रभावहरू, र धारणा विशेषताहरू समावेश छन्। यी उपकरणहरूले विभिन्न दृश्य अवस्थाहरू अन्तर्गत रंगको व्यवहार र उपस्थिति मा गहिरो अन्तर्दृष्टि प्रदान गर्छन्।

अन्धोपन सिमुलेटर

विभिन्न प्रकारका रंग अन्धोपन भएका व्यक्तिहरूले रंगलाई कसरी बुझ्छन् भनेर जाँच गर्नुहोस् ताकि थप पहुँचयोग्य डिजाइनहरू सिर्जना गर्न सकियोस्। रंग धारणा बुझ्नाले तपाईंको सामग्री सबैको लागि पहुँचयोग्य सुनिश्चित गर्न मद्दत गर्दछ।

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

रङ्गहरूको कलात्मक र मनोवैज्ञानिक आयामहरू अन्वेषण गर्नुहोस् जसमा मौसमी संघहरू, भावनात्मक प्रभाव, प्राकृतिक घटनाहरू, ऐतिहासिक रङ्गहरू, र रचनात्मक अनुप्रयोगहरूको लागि रङ्ग मिश्रण विधिहरू समावेश छन्।