बैकग्राउंड का रंग ही काफी है महत्वपूर्ण तत्वकोई भी वेब पेज. सबसे पहले, वह पूछता है सही मूडऔर साइट का सामान्य मूड, और दूसरी बात, यह पाठ की धारणा को सुविधाजनक बनाता है।

किसी वेब पेज का पृष्ठभूमि रंग टैग की bgcolor विशेषता का उपयोग करके सेट किया जाता है .

उदाहरण 1: पृष्ठभूमि का रंग बदलना

रंग को हेक्साडेसिमल मान के रूप में या उसके नाम से निर्दिष्ट किया जा सकता है।

यद्यपि आप पृष्ठभूमि के लिए कोई भी रंग निर्दिष्ट कर सकते हैं, अधिकांश साइटें सबसे स्थापित विकल्प के रूप में मुख्य रूप से सफेद पृष्ठभूमि और काले अक्षरों का उपयोग करती हैं।

पृष्ठभूमि छवि

आप पृष्ठभूमि के रूप में किसी भी उपयुक्त छवि का उपयोग कर सकते हैं। पृष्ठभूमि को पाठ से ध्यान नहीं भटकाना चाहिए, बल्कि उसके साथ अच्छी तरह मेल खाना चाहिएरंग योजना .

वेब पेज जल्दी लोड होने के लिए आकार में छोटे हों।

यदि, उपरोक्त सभी के बाद भी, आप पृष्ठ पर एक पृष्ठभूमि छवि जोड़ना चाहते हैं, तो आपको टैग की पृष्ठभूमि विशेषता का उपयोग करना चाहिए उदाहरण 2: वॉलपेपर जोड़नामॉनिटर स्क्रीन, इसे क्षैतिज और लंबवत रूप से पुन: प्रस्तुत किया जाएगा।

क्योंकि वॉलपेपर इससे धीमी गति से लोड होता है पृष्ठभूमि का रंग, ऐसा हो सकता है कि चित्र लोड होने तक पाठ कुछ समय तक पढ़ने योग्य नहीं होगा। यदि ब्राउज़र में चित्र अक्षम हैं तो भी यही बात हो सकती है। इसलिए, पृष्ठभूमि रंग को हमेशा पृष्ठभूमि छवि के साथ सेट करने की अनुशंसा की जाती है (उदाहरण 3)।

उदाहरण 3: पृष्ठभूमि छवि और पृष्ठभूमि रंग का उपयोग करना

निश्चित पृष्ठभूमि

डिफ़ॉल्ट रूप से, जब आप स्क्रॉल बार का उपयोग करते हैं, तो पृष्ठभूमि छवि वेब पेज की सामग्री के साथ चलती है। इंटरनेट एक्सप्लोरर आपको bgproperties = "fixed" टैग विशेषता का उपयोग करके पृष्ठभूमि को ठीक करने की अनुमति देता है .

उदाहरण 4: एक निश्चित पृष्ठभूमि सेट करना

उदाहरण 4 में दिखाए गए अनुसार bgproperties विशेषता निर्दिष्ट करके, वेब पेज पर पृष्ठभूमि छवि स्थिर रहेगी, लेकिन टेक्स्ट, ग्राफिक्स और अन्य तत्व स्क्रॉल बार के साथ चलेंगे।

क्या आप अपने इंटरफ़ेस के लिए ऐसे रंग चुन रहे हैं जो उपयोगकर्ता की आंखों पर दबाव डालते हैं?

यदि आप पृष्ठभूमि के लिए चमकीले और संतृप्त रंग का उपयोग करते हैं, तो आप उपयोगकर्ताओं के लिए जीवन कठिन बना देते हैं: उनके लिए पृष्ठ देखना तुरंत मुश्किल हो जाता है। चमकदार, समृद्ध रंगआकर्षित करना सबसे बड़ा ध्यान. लेकिन अगर ऐसे चमकीले रंग बहुत अधिक हों तो इससे रेटिना पर भार बढ़ जाता है और आपको अपनी आंखों पर बहुत अधिक दबाव डालना पड़ता है।

उदाहरण के लिए, ऊपर की छवि में रंग के नमूनों पर एक नज़र डालें। बाएं कॉलम में अधिकतम चमक और संतृप्ति वाले रंग हैं। दाहिने कॉलम में 80% चमक और 80% संतृप्ति पर रंग हैं। बाएं कॉलम के लिए सहनशीलता दाएं से कम होगी क्योंकि चमकीले, संतृप्त रंग आपकी आंखों पर बहुत कठोर होते हैं।

आइए बात करते हैं कि इसका उपयोग क्यों करें चमकीले रंगकिसी वेबसाइट या एप्लिकेशन की पृष्ठभूमि के लिए यह इसके लायक नहीं है। हां, आज यह एक नया चलन है - पूरी चमक देने का। लेकिन आपको हमेशा फैशन का अनुसरण करने की ज़रूरत नहीं है, खासकर अगर यह पागलपन की हद तक हो या आपके उत्पाद के उपयोग में हस्तक्षेप करता हो।

आइए सिद्धांत से शुरू करें।

चमक बनाम. परिपूर्णता

चमक और संतृप्ति हैं विभिन्न गुणरंग. पहला यह कि इसमें कितना सफेद या काला मिलाया गया है यह रंग, जबकि दूसरा ग्रे की मात्रा को दर्शाता है।

चमक बढ़ने का मतलब यह नहीं है कि संतृप्ति भी कम हो जाती है। जब आप संतृप्ति कम करते हैं, तो आप रंग को भूरे रंग में बदल देते हैं। जब आप चमक बढ़ाते हैं, तो आप रंग घटक की मात्रा बढ़ाते हैं, लेकिन रंग को ग्रे () नहीं बनाते हैं।

पूर्ण-रंगीन छवि के समोच्च तीक्ष्णता के सुधार की विशिष्टताएँ

1. रंग टोनऔर संतृप्ति

2. समोच्च तीक्ष्णता

3. स्वतः सुधार

रंगीन पृष्ठभूमिऔर संतृप्ति

बाद रंग सुधारछवि में विकृतियों को समाप्त किया जाना चाहिए या, के अनुसार कम से कम, काफी कम हो गया। लेकिन रंग संतृप्ति पर्याप्त नहीं हो सकती है। इस मामले में, आपको संतृप्ति सुधार विधि का उपयोग करना चाहिए।

यह विधि ग्राफिक संपादकों में एचएसएल रंग मॉडल में छवि सुधार के रूप में लागू की जाती है।

यह कंप्यूटर रंग मॉडल सिद्धांत रूप में एचएसबी (एचएसवी) के समान है। लेकिन इसके मुख्य पैरामीटर हैं: स्वर, हल्कापन और संतृप्ति। यदि हम एचएसएल रंग मॉडल की कल्पना एक आकृति के रूप में करें, तो यह एक दोहरा (प्रतिबिंबित) षट्कोणीय शंकु होगा। इसका आधार, एचएसबी की तरह है मूल रंग, और शीर्ष: सफ़ेद, संतृप्ति द्वारा नियंत्रित, और काला, हल्केपन की विशेषता। इस प्रकार, एचएसएल रंग मॉडल रंग, संतृप्ति और चमक की सहज अवधारणाओं के सबसे शक्तिशाली उदाहरणों में से एक है।

छवि में या उसके चयनित क्षेत्र में रंग संतृप्ति को बढ़ाना पिक्सेल रंग सूत्र के एस पैरामीटर के मान को बढ़ाकर किया जाता है।

एचएसएल रंग मॉडल में छवि सुधार इंटरफ़ेस का एक उदाहरण

रंग संतृप्ति बढ़ाते समय, इस बात का ध्यान रखा जाना चाहिए कि जिस डिवाइस पर आप छवि प्रदर्शित करना चाहते हैं, उसके रंग सरगम ​​से अधिक न हो।

सामान्य रंग संतृप्ति

रंग सरगम ​​से परे जा रहे हैं

हल्केपन और रंग संतृप्ति को ठीक करने के लिए छवि को एचएसएल रंग मॉडल में परिवर्तित करना आवश्यक नहीं है, लेकिन यह समोच्च तीक्ष्णता सुधार करने के लिए उपयोगी हो सकता है।

मेनू स्थान मास्क मास्क

फ़िल्टर के परिणामस्वरूप, अनशार्प मास्किंग होती है; प्रोग्राम छवि की एक प्रतिलिपि बनाता है, कॉपी में रंग और टोन (तेज संक्रमण, मजबूत कंट्रास्ट) में महत्वपूर्ण बदलाव वाले क्षेत्रों को ढूंढता है और उनके किनारों को तेज़ करता है, जिससे तीक्ष्णता बढ़ जाती है। आकृतियाँ ("सीमाओं पर" विपरीत) और शेष ("सपाट") क्षेत्रों को प्रभावित नहीं करती हैं। इस तीक्ष्ण छवि के आधार पर, एक बिना तीखा मुखौटा बनाया जाता है और उसे थोड़ी धुंधली मूल छवि पर लगाया जाता है।

समोच्च तीक्ष्णता में वृद्धि का अनुकरण करते समय, कम और बढ़ी हुई लपट वाले पिक्सेल के क्षेत्रों का निर्माण समोच्च के साथ किया जाता है। पूर्ण-रंगीन छवि में पिक्सेल के साथ ऐसा करने से रंग विरूपण हो सकता है, जिससे किनारों पर ऑफ-कलर बैंड दिखाई दे सकते हैं। में कंप्यूटर चित्रलेखऐसी कलाकृतियों को रंगीन प्रभामंडल या रंगीन प्रभामंडल कहा जाता है .