मालवेअर हे अनाहूत किंवा धोकादायक प्रोग्राम आहेत जे...
दुर्दैवाने, वेबसाइटवर चव संवेदना प्रदर्शित करणे अद्याप शक्य नाही. परंतु रंगांच्या मदतीने याची पूर्णपणे भरपाई केली जाऊ शकते. शेवटी, html रंग आपल्याला लाखो शेड्सपैकी कोणतेही प्रदर्शित करण्याची परवानगी देतात. तर " रंगीत पेन्सिलत्याच्या सेटमध्ये सातपेक्षा जास्त आहेत.
html मध्ये रंग योजना
html मध्ये, रंग अनेक स्वरूपांमध्ये निर्दिष्ट केला जाऊ शकतो:
1. हेक्साडेसिमल मूल्य म्हणून - हेक्साडेसिमल क्रमांक प्रणालीमध्ये निर्दिष्ट केलेला कोड वापरला जातो. एचटीएमएलमधील अशा रंग कोडमध्ये हेक्साडेसिमल संख्यांच्या तीन जोड्या असतात. प्रत्येक जोडी त्याच्या प्राथमिक रंगासह सावलीच्या संपृक्ततेसाठी जबाबदार आहे:
- प्रथम संख्यात्मक जोडी लाल रंगासाठी जबाबदार आहे;
- दुसरी जोडी हिरव्या रंगाच्या सामग्रीसाठी आहे;
- नंतरचे त्याच्या निळ्या सामग्रीसाठी आहे.
कोडच्या सुरूवातीस (संख्यांपूर्वी) हॅश चिन्ह ठेवले जाते. हा हेक्साडेसिमल कलर कोड आहे. 1 ते 9 पर्यंतच्या संख्येव्यतिरिक्त, ही संख्या प्रणाली लॅटिन वर्णमाला (A, B, C, D, E, F) अक्षरे वापरते.
उदाहरणार्थ, html मधील पांढरा रंग कोड #FFFFFF सारखा दिसेल:
2. कीवर्ड - HTML सध्या सुमारे 147 कीवर्डना समर्थन देते. परंतु हे सर्व शब्द अद्वितीय नाहीत. त्यापैकी काही समान रंगाच्या सावलीचा संदर्भ देतात.
राखाडी रंग दोन कीवर्डद्वारे दर्शविला जातो: राखाडी आणि राखाडी. त्यांचा हेक्साडेसिमल कोड (HEX) समान मूल्य #808080 ने दिलेला आहे.
उदाहरण:
#808080
3. आरजीबी फॉरमॅटमध्ये - एचटीएमएलमधील हे रंग एन्कोडिंग तीन मूल्यांच्या वापरावर आधारित आहे, जे 0 ते 255 च्या श्रेणीमध्ये सेट केले आहे. त्यापैकी प्रत्येक प्राथमिक रंगांपैकी एकासह रंगाची संपृक्तता निर्धारित करते:
- आर - लाल (लाल);
- जी - हिरवा (हिरवा);
- बी - निळा (निळा).
RGB स्वरूपातील रंग क्रमांक खालील फॉर्ममध्ये लिहिलेला आहे: rgb(0, 210, 100).
पार्श्वभूमी-रंग:rgb(100,186,43)
4. आरजीबीए फॉरमॅटमध्ये - हे एक सुधारित आरजीबी फॉरमॅट आहे, जेथे चौथे मूल्य 0 ते 1 पर्यंत दशांश अपूर्णांक म्हणून रंगाची पारदर्शकता निर्दिष्ट करते.
वापर उदाहरण:
पार्श्वभूमी-रंग:rgba(100,86,143,0.2)
पार्श्वभूमी-रंग:rgba(100,86,143,0.5)
पार्श्वभूमी-रंग:rgba(100,86,143,0.8)
पार्श्वभूमी-रंग:rgba(100,86,143,1)
HTML रंग सारण्या आणि रंग जनरेटर
रंग सेटिंग स्वरूपांच्या इतक्या विस्तृत श्रेणीसह, गोंधळात पडणे सोपे आहे. म्हणून, एक विशेष रंग टेबल शोधला गेला. हे सर्व प्रमुख रंग मानकांमध्ये अनुपालन कोडसह रंगीत छटांची 147 प्रमुख नावे प्रदान करते. याव्यतिरिक्त, प्रत्येक फील्ड व्हिज्युअल रंग निवडीसाठी बारसह सुसज्ज आहे. यापैकी एक टेबल colorscheme.ru वेबसाइटवर सादर केले आहे:
परंतु जुळणीच्या या संरचनेसह, योग्य सावली निवडणे कठीण होऊ शकते. आणि हे तथ्य नाही की रंग कोडच्या सारणीमध्ये आपल्याला आवश्यक असलेले एक असेल.
हा अडथळा दूर करण्यासाठी आणि योग्य सावली निवडणे शक्य तितके सोपे करण्यासाठी, परस्परसंवादी वेब सेवा विकसित केल्या गेल्या आहेत. त्यांचा वापरकर्ता इंटरफेस एकमेकांपासून थोडा वेगळा असू शकतो.
html-color-codes.info वेबसाइटवर रंग जनरेटर असे दिसते:
आणि color-picker.appsmaster.co सेवेमध्ये, हे साधन थोड्या वेगळ्या पद्धतीने लागू केले आहे:
जनरेटरमधील प्रत्येक रंगाची संपृक्तता विशेष स्लाइडर वापरून सेट केली जाते. दृश्यमानपणे, सावली फ्रेमच्या रंगाद्वारे आणि डाव्या बाजूला आयताद्वारे प्रदर्शित केली जाते. तळाशी, 3 फील्ड मूलभूत स्वरूपांमध्ये रंग कोड प्रदर्शित करतात.
परंतु रंग जनरेटर केवळ विशेष साइटवर उपलब्ध नाही. जवळजवळ सर्व ग्राफिक संपादक समान साधनासह सुसज्ज आहेत. उदाहरणार्थ, फोटोशॉप:
रंगासह काम करताना सुरक्षा खबरदारी
आणि हे खूप पूर्वीचे होते, व्हिडिओ कार्ड्सच्या युगात जे फक्त 256 रंगांना समर्थन देत होते. त्या दूरच्या काळात, ऑपरेटिंग सिस्टीम विकृत न होता केवळ आठ-बिट शेड्सची विशिष्ट संख्या प्रदर्शित करू शकत होत्या.
मग सुरक्षित रंगांचा एक उत्तम तक्ता विकसित केला गेला. त्यात २१६ शेड्स निर्दिष्ट केल्या आहेत ज्या त्या काळातील कोणत्याही ब्राउझरमध्ये विकृतीशिवाय प्रदर्शित केल्या जाऊ शकतात. आणि आजपर्यंत हे " महान हस्तलिखित» अजूनही काही संसाधनांवर उपलब्ध आहे:
आजकाल सर्व काही बदलले आहे. म्हणून, html मध्ये रंगासह काम करताना सर्व सुरक्षा नियम पूर्णपणे रद्द केले जातात. तथापि, आधुनिक संगणक हार्डवेअर 16 दशलक्षाहून अधिक वेगवेगळ्या शेड्सचे समर्थन करते. आणि 216 सुरक्षित रंग विस्मृतीत गेले आहेत.
व्लाड मर्झेविच
एचटीएमएलमध्ये, रंग दोनपैकी एका प्रकारे निर्दिष्ट केला जातो: हेक्साडेसिमल कोड वापरून आणि विशिष्ट रंगांच्या नावाने. हेक्साडेसिमल संख्या प्रणालीवर आधारित पद्धत प्रामुख्याने वापरली जाते, कारण ती सर्वात सार्वत्रिक आहे.
हेक्साडेसिमल रंग
रंग निर्दिष्ट करण्यासाठी HTML हेक्साडेसिमल संख्या वापरते. हेक्साडेसिमल प्रणाली, दशांश प्रणालीच्या विपरीत, तिच्या नावाप्रमाणे, 16 क्रमांकावर आधारित आहे. संख्या खालीलप्रमाणे असेल: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10 ते 15 मधील संख्या लॅटिन अक्षरांनी बदलली आहेत. टेबलमध्ये 6.1 दशांश आणि हेक्साडेसिमल संख्यांमधील पत्रव्यवहार दर्शविते.
हेक्साडेसिमल सिस्टीममधील 15 पेक्षा जास्त संख्या दोन संख्यांना एकामध्ये एकत्र करून तयार केल्या जातात (तक्ता 6.2). उदाहरणार्थ, दशांश मधील 255 ही संख्या हेक्साडेसिमलमधील FF क्रमांकाशी संबंधित आहे.
संख्या प्रणाली परिभाषित करताना गोंधळ टाळण्यासाठी, हेक्साडेसिमल क्रमांकाच्या आधी हॅश चिन्ह # असतो, उदाहरणार्थ #aa69cc. या प्रकरणात, केस काही फरक पडत नाही, म्हणून #F0F0F0 किंवा #f0f0f0 लिहिण्याची परवानगी आहे.
एचटीएमएलमध्ये वापरलेला ठराविक रंग असा दिसतो.
येथे वेब पृष्ठाचा पार्श्वभूमी रंग #FA8E47 वर सेट केला आहे. संख्येच्या समोर हॅश चिन्ह # म्हणजे हेक्साडेसिमल आहे. पहिले दोन अंक (FA) रंगाचा लाल घटक परिभाषित करतात, तिसरा ते चौथा अंक (8E) हिरवा घटक परिभाषित करतात आणि शेवटचे दोन अंक (47) निळ्या घटकाची व्याख्या करतात. अंतिम परिणाम हा रंग असेल.
एफ.ए. | + | 8E | + | 47 | = | FA8E47 |
तीन रंगांपैकी प्रत्येक - लाल, हिरवा आणि निळा - 00 ते FF पर्यंत मूल्ये घेऊ शकतात, परिणामी एकूण 256 छटा आहेत. अशा प्रकारे, रंगांची एकूण संख्या 256x256x256 = 16,777,216 संयोजन असू शकते. लाल, हिरवा आणि निळा घटकांवर आधारित रंग मॉडेलला RGB (लाल, हिरवा, निळा) म्हणतात. हे मॉडेल ऍडिटीव्ह आहे (जोड - जोडा पासून), ज्यामध्ये सर्व तीन घटक जोडल्याने रंग पांढरा बनतो.
हेक्साडेसिमल रंग नॅव्हिगेट करणे सोपे करण्यासाठी, काही नियम विचारात घ्या.
- जर रंग घटकांची मूल्ये समान असतील (उदाहरणार्थ: #D6D6D6), तर परिणाम राखाडी रंगाचा असेल. #000000 (काळा) पासून #FFFFFF (पांढरा) पर्यंतच्या मूल्यांसह, संख्या जितकी जास्त असेल तितका फिकट रंग.
- लाल घटक जास्तीत जास्त (FF) बनवल्यास आणि उर्वरित घटक शून्यावर सेट केल्यास चमकदार लाल रंग तयार होतो. #FF0000 चे मूल्य असलेला रंग हा शक्य तितकी लाल रंगाची छटा आहे. हिरवा (#00FF00) आणि निळा (#0000FF) साठी हेच खरे आहे.
- पिवळा (#FFFF00) लाल आणि हिरवा मिक्स करून बनवला जातो. हे कलर व्हील (चित्र 6.1) वर स्पष्टपणे दृश्यमान आहे, जे प्राथमिक रंग (लाल, हिरवा, निळा) आणि पूरक किंवा अतिरिक्त रंग सादर करते. यामध्ये पिवळा, निळसर आणि वायलेट (ज्याला किरमिजी देखील म्हणतात) यांचा समावेश आहे. सर्वसाधारणपणे, कोणताही रंग त्याच्या जवळ रंग मिसळून मिळवता येतो. अशा प्रकारे, निळा आणि हिरवा एकत्र करून निळसर (#00FFFF) प्राप्त केला जातो.
तांदूळ. ६.१. रंगीत चाक
हेक्साडेसिमल मूल्यांवर आधारित रंग प्रायोगिकरित्या निवडले जाणे आवश्यक नाही. या उद्देशासाठी, एक ग्राफिक संपादक जो भिन्न रंग मॉडेलसह कार्य करू शकतो, उदाहरणार्थ, Adobe Photoshop, योग्य आहे. अंजीर मध्ये. आकृती 6.2 या प्रोग्राममध्ये रंग निवडण्यासाठी विंडो दर्शवते; तुम्ही ते तुमच्या कोडमध्ये कॉपी आणि पेस्ट करू शकता.
तांदूळ. ६.२. फोटोशॉपमध्ये रंग निवडण्यासाठी विंडो
वेब रंग
जर तुम्ही मॉनिटरची कलर रेंडरिंग गुणवत्ता 8-बिट (256 रंग) वर सेट केली असेल, तर तोच रंग वेगवेगळ्या ब्राउझरमध्ये वेगळ्या प्रकारे प्रदर्शित केला जाऊ शकतो. जेव्हा ब्राउझर त्याच्या स्वतःच्या पॅलेटसह कार्य करतो आणि त्याच्या पॅलेटमध्ये नसलेला रंग दर्शवू शकत नाही तेव्हा हे ग्राफिक्स प्रदर्शित करण्याच्या पद्धतीमुळे होते. या प्रकरणात, रंग इतरांच्या पिक्सेलच्या संयोजनाने बदलला जातो, त्याच्या जवळ, दिलेल्या रंगाचे अनुकरण करणारे रंग. वेगवेगळ्या ब्राउझरमध्ये रंग समान राहील याची खात्री करण्यासाठी, तथाकथित वेब रंगांचे पॅलेट सादर केले गेले. वेब रंग हे असे रंग आहेत ज्यासाठी प्रत्येक घटक - लाल, हिरवा आणि निळा - सहा मूल्यांपैकी एकावर सेट केला आहे - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). या घटकाचे हेक्साडेसिमल मूल्य कंसात दर्शविले आहे. सर्व संभाव्य संयोजनांमधील रंगांची एकूण संख्या 6x6x6 - 216 रंग देते. वेब रंगाचे उदाहरण #33FF66 आहे.
वेब कलरचे मुख्य वैशिष्ट्य म्हणजे ते सर्व ब्राउझरमध्ये सारखेच दिसते. याक्षणी, मॉनिटर्सच्या गुणवत्तेत सुधारणा आणि त्यांच्या क्षमतांच्या विस्तारामुळे वेब रंगांची प्रासंगिकता फारच लहान आहे.
नावानुसार रंग
संख्यांचा संच लक्षात ठेवू नये म्हणून, तुम्ही त्याऐवजी सामान्यतः वापरल्या जाणाऱ्या रंगांची नावे वापरू शकता. टेबलमध्ये 6.3 लोकप्रिय रंगांच्या नावांची नावे दर्शविते.
रंगाचे नाव | रंग | वर्णन | हेक्साडेसिमल मूल्य |
---|---|---|---|
काळा | काळा | #000000 | |
निळा | निळा | #0000FF | |
खाली लोंबणार्या सुंदर फुलांचे झाड | फिकट जांभळा | #FF00FF | |
राखाडी | गडद राखाडी | #808080 | |
हिरवा | हिरवा | #008000 | |
चुना | हलका हिरवा | #00FF00 | |
लाल रंग | गडद लाल | #800000 | |
नौदल | गडद निळा | #000080 | |
ऑलिव्ह | ऑलिव्ह | #808000 | |
जांभळा | गडद जांभळा | #800080 | |
लाल | लाल | #FF0000 | |
चांदी | हलका राखाडी | #C0C0C0 | |
टील | निळा-हिरवा | #008080 | |
पांढरा | पांढरा | #FFFFFF | |
पिवळा | पिवळा | #FFFF00 |
तुम्ही रंग त्याच्या नावाने किंवा हेक्साडेसिमल संख्या वापरून निर्दिष्ट केलात की नाही हे महत्त्वाचे नाही. या पद्धती त्यांच्या प्रभावात समान आहेत. उदाहरण 6.1 वेब पृष्ठाची पार्श्वभूमी आणि मजकूर रंग कसा सेट करायचा ते दाखवते.
उदाहरण 6.1. पार्श्वभूमी आणि मजकूर रंग
उदाहरण मजकूर
या उदाहरणात, टॅगच्या bgcolor विशेषता वापरून पार्श्वभूमी रंग सेट केला आहे
, आणि मजकूर गुणधर्माद्वारे मजकूर रंग. विविधतेसाठी, मजकूर विशेषता हेक्साडेसिमल क्रमांकावर सेट केली जाते आणि bgcolor विशेषता आरक्षित कीवर्ड टीलवर सेट केली जाते.Minecraft कोड फुले, किंवा Minecraft कोडस्वरूपन, कोणत्याही खेळाडूला थेट Minecraft मध्ये प्रत्येक संभाव्य मार्गाने फुले जोडण्याची आणि मजकूर स्वरूपित करण्याची अनुमती द्या. रंग कोड&0-9 - पासून &a-f पर्यंत. त्यांना तुमच्या मजकुरापूर्वी जोडा. खेळाडूंच्या संदेशांमध्ये रंग कोड असू शकतात जे तुम्हाला तुमच्या वाक्यांमध्ये रंग जोडण्याची परवानगी देतात.
रंग आणि स्वरूपन कोड
संदेशांमध्ये हेक्साडेसिमल क्रमांकानंतर अँपरसँड चिन्ह (&) क्लायंटला मजकूर प्रदर्शित करताना रंग बदलण्यासाठी सिग्नल करतो. याव्यतिरिक्त, मजकूर एक आणि त्यानंतर अक्षराने फॉरमॅट केला जाऊ शकतो. तुम्ही पुस्तके, कमांड ब्लॉक्स, सर्व्हरचे नाव, सर्व्हरचे वर्णन (मोटीडी), जागतिक नावे, चिन्हे आणि अगदी खेळाडूंच्या नावांमध्ये वेगवेगळे रंग जोडू शकता.
खालील कलर चार्ट वापरून तुमचा मजकूर कॉन्फिगमध्ये किंवा गेममध्ये फॉरमॅट करणे खूप सोपे आहे. &r चा वापर सर्व कोड रीसेट करण्यासाठी केला जातो, उदा. &mAAA&rBBB AAA BBB म्हणून प्रदर्शित केले जाईल.
तुमच्या सोयीसाठी आम्ही Minecraft मध्ये विद्यमान कलर कोडची सारणी सादर करतो:
कोड | नाव | तांत्रिक नाव | प्रतीक रंग | चिन्ह सावली रंग | ||||||
---|---|---|---|---|---|---|---|---|---|---|
आर | जी | बी | हेक्स | आर | जी | बी | हेक्स | |||
&0 | काळा | काळा | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | गडद निळा | गडद_निळा | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | गडद हिरवा | गडद_हिरवा | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | गडद निळा-हिरवा | गडद_एक्वा | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | गडद लाल | गडद_लाल | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | गडद जांभळा | गडद_जांभळा | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | सोने | सोने | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | राखाडी | राखाडी | 170 | 170 | 170 | एएएएएए | 42 | 42 | 42 | 2A2A2A |
&8 | गडद राखाडी | गडद_राखाडी | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | निळा | निळा | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | हिरवा | हिरवा | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | निळा-हिरवा | एक्वा | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | लाल | लाल | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | फिकट जांभळा | फिकट_जांभळा | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | पिवळा | पिवळा | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | पांढरा | पांढरा | 255 | 255 | 255 | FFFFFFF | 63 | 63 | 63 | 3F3F3F |
कधीकधी ते आवश्यक असते अधोरेखित, क्रॉस आउट, हायलाइटकोणताही मजकूर. हे मजकूर स्वरूपन वापरून केले जाते. हे रंगांप्रमाणेच वापरले जाते (आम्ही मजकूराच्या आधी ठेवतो कोड, उदाहरणार्थ &lMinecraft = Minecraft.
तुमच्या सोयीसाठी, फॉरमॅटिंग कोडची सारणी खाली दिली आहे:
कोड | नाव |
---|---|
&k | जादूचा मजकूर |
&l | ठळक मजकूर |
&m | स्ट्राइकथ्रू मजकूर |
&n | अधोरेखित मजकूर |
&o | तिर्यक मजकूर |
&r | स्वरूपन न करता मजकूर |