रंग रूपान्तरण
#f1f7ff
भिन्नताहरू
यस खण्डको उद्देश्य तिम्रो चयन गरिएको रंगको १०% वृद्धिमा टिन्ट्स (शुद्ध सेतो थपिएको) र शेड्स (शुद्ध कालो थपिएको) सटीक रूपमा उत्पादन गर्नु हो।
प्रो टिप: होभर अवस्थाहरू र छायाहरूको लागि शेड्स प्रयोग गर, हाइलाइट्स र पृष्ठभूमिहरूको लागि टिन्ट्स।
शेड्स
तिम्रो आधार रंगमा कालो थपेर बनाइएका गाढा भिन्नताहरू।
टिन्ट्स
तिम्रो आधार रंगमा सेतो थपेर बनाइएका हल्का भिन्नताहरू।
सामान्य प्रयोगका केसहरू
- • UI कम्पोनेन्ट अवस्थाहरू (होभर, सक्रिय, अक्षम)
- • छायाहरू र हाइलाइट्सको साथ गहिराई सिर्जना गर्दै
- • सुसंगत रंग प्रणालीहरू निर्माण गर्दै
डिजाइन प्रणाली टिप
यी भिन्नताहरू एक सुसंगत रंग Palette को आधार बनाउँछन्। तिम्रो सम्पूर्ण परियोजनामा सुसंगतता कायम राख्न तिनीहरूलाई निर्यात गर।
रंग संयोजनहरू
प्रत्येक हार्मनीको आफ्नै मूड हुन्छ। राम्रोसँग काम गर्ने रंग संयोजनहरूको मस्तिष्कमा आँधी ल्याउन हार्मनीहरू प्रयोग गर।
कसरी प्रयोग गर्ने
कुनै पनि रंगमा क्लिक गरेर यसको Hex मान प्रतिलिपि गर। यी संयोजनहरू दृश्यात्मक हार्मनी सिर्जना गर्न गणितीय रूपमा प्रमाणित छन्।
किन यो महत्त्वपूर्ण छ
रंग हार्मनीहरूले सन्तुलन सिर्जना गर्छन् र तिम्रो डिजाइनहरूमा विशिष्ट भावनाहरू उत्पन्न गर्छन्।
पूरक
रंग र यसको विपरीत रंग चक्रमा, +180 डिग्रीको ह्यूसँग। उच्च विपरीत।
विभाजित-पूरक
रंग र यसको पूरकको छेउछाउका दुई, मुख्य रंगको विपरीत मानबाट +/-30 डिग्रीको ह्यूसँग। सीधा पूरक जस्तै साहसी, तर बढी बहुमुखी।
त्रिकोणीय
रंग चक्रमा समान रूपमा दूरीमा रहेका तीन रंगहरू, प्रत्येक 120 डिग्रीको ह्यूसँग। एक रंगलाई प्रमुख बनाउन र अन्यलाई उच्चारणको रूपमा प्रयोग गर्न उत्तम।
समानार्थी
उही चमक र संतृप्तिका तीन रंगहरू जसका ह्यूसँग रंग चक्रमा छेउछाउ छन्, 30 डिग्रीको दूरीमा। मृदु संक्रमणहरू।
एकरंगी
उही ह्यूसँग तीन रंगहरू जसका चमक मानहरू +/-50% छन्। सूक्ष्म र परिष्कृत।
चतुर्भुज
दुई सेटको परिपूरक रंगहरू, जसलाई ६० डिग्रीको ह्यूसँग अलग गरिएको छ।
रंग सिद्धान्तका सिद्धान्तहरू
सन्तुलन
एक प्रमुख रंग प्रयोग गर, सहायकको रूपमा दोस्रो रंग, र थोरै मात्रामा उच्चारण गर।
विपरीत
पढ्न र पहुँचयोग्यताको लागि पर्याप्त विपरीत सुनिश्चित गर।
सद्भाव
रंगहरूले एकीकृत दृश्य अनुभव सिर्जना गर्न सँगै काम गर्नुपर्छ।
रङ्ग विरोध जाँचकर्ता
पाठ पढ्न योग्यताको लागि WCAG पहुँच मापदण्डहरू पूरा गर्न रङ्ग संयोजनहरू परीक्षण गर्नुहोस्।
पाठ रङ्ग
पृष्ठभूमि रङ्ग
विरोध
WCAG मापदण्डहरू
उन्नत कन्ट्रास्ट चेकर
स्लाइडरहरू, बहु पूर्वावलोकनहरू र थपको साथ ठीक-ठीक ट्युन गर्नुहोस्
सबै जना प्रतिभाशाली हुन्छन्। तर यदि तपाईंले माछालाई रुख चढ्न सक्ने क्षमतामा मूल्यांकन गर्नुभयो भने, यसले आफ्नो सम्पूर्ण जीवनलाई मूर्ख भएको विश्वासमा बिताउनेछ।