एक बटन के होवर स्टेट के लिए एक रंग का हल्का / गहरा शेड कैसे बनाएं

Question

मैं कुछ समय के लिए बटन डिजाइन कर रहा हूं, लेकिन जब यह किसी रंग की या तो होवर अवस्था के लिए रंग (नों) का चयन करने की बात आती है, तो यह ज्यादातर एक गहरे रंग की बात है।

क्या वहाँ एक संरचित रंग सिद्धांत है जो बेहतर न्यायाधीश की मदद करेगा जो उपयोग करने के लिए अधिक उपयुक्त स्वर होगा?

मुझे मूल से कितना अंधेरा होना चाहिए?

मैं "उसी" रंग के लाइटर या गहरे रंगों को कैसे परिभाषित कर सकता हूं?

Comments

यह डिजाइन में इस्तेमाल किए गए रंगों पर निर्भर करेगा। मैं प्रयोग करने का सुझाव दूंगा क्योंकि यह अंतिम डिजाइन पर निर्भर करेगा।

— DᴀʀᴛʜVᴀᴅᴇʀ

Answer 1

जब मैं हल्केपन में थोड़े से बदलाव की तलाश करता हूं तो मैं आमतौर पर गणित करता हूं - वास्तव में सरल गिनती।

रंगों के लिए हेक्स प्रारूप है RRGGBB, जिसका अर्थ है लाल, हरा और नीला। हेक्साडेसिमल को 0-एफ से गिना जाता है (इसलिए 9 ए के बाद आता है)।

अगर मेरे पास #191970मेरे मुख्य बटन का रंग है, तो मैं प्रत्येक रंग मूल्य में 1 या 2 जोड़ूंगा, जिसके परिणामस्वरूप एक समान लेकिन हल्का रंग होगा। प्रत्येक में 1 जोड़ने से परिणाम होगा #1A1A71।

वही एक गहरा छाया खोजने के लिए किया जा सकता है। प्रत्येक रंग मूल्य से 1 घटाना #191970परिणाम होगा #18186F।

हालांकि, प्रत्येक रंग मूल्य से 1 या 2 को जोड़ने या घटाना एक अविभाज्य अंतर के परिणामस्वरूप होता है, इसलिए आपको संभवतः प्रत्येक से कम से कम 10 जोड़ना या घटाना होगा।

यदि आप संख्या प्रारूप का उपयोग कर रहे हैं (255, 255, 255), तो आप सामान्य आधार 10 ऑपरेशन का उपयोग करके बस प्रत्येक संख्या में जोड़ सकते हैं।

प्रत्येक रंग के मूल्य में समान राशि जोड़ना यह सुनिश्चित करता है कि रंग और संतृप्ति सुसंगत रहें और परिणामस्वरूप रंग एक डिजाइन में सामंजस्यपूर्ण रूप से मिश्रण करते हैं।

Comments

यह एक बहुत चालाक तकनीक है, साझा करने के लिए धन्यवाद! जिज्ञासा से बाहर यह एक सम्मलेन है जिसे आपने खुद बनाया है या कुछ मौलिक है?

— कार्ल एडवर्ड्स

Answer 2

या, आप कुछ ऑनलाइन जनरेटर को आपके लिए रंग पसंद कर सकते हैं, और आपको जिस कोड की आवश्यकता है, उसे बस : सीएसएस ग्रेडिएंट बटन सिर्फ एक उदाहरण है।