HTML आणि CSS मजकूर रंग कसा बदलायचा. टेक्स्ट कलर HTML आणि CSS RGB कलर मॉडेल कसे बदलावे

या लेखात आपण वेबसाइटच्या पृष्ठांवर मजकूराचा रंग बदलण्यासाठी HTML आणि CSS च्या क्षमतांशी परिचित होऊ. अनेक पर्यायांचा विचार केला जाईल. प्रत्येक वैयक्तिक केससाठी, त्याची स्वतःची विशिष्ट पद्धत सोयीस्कर आहे.

सुरुवातीला, आम्ही लक्षात घेतो की सर्व रंग तीन स्वरूपांमध्ये निर्दिष्ट केले जाऊ शकतात:

रंगाचे नाव (लाल, निळा, हिरवा, इ.)
हेक्साडेसिमल फॉरमॅट (#104A00, #0F0, इ.)
rgba स्वरूप (rgba(0,0,0,0.5), इ.)

आमची वेबसाइट साइटसाठी संपूर्ण पॅलेट आणि html रंगांची नावे सादर करते, जिथे तुम्ही योग्य रंग निवडू शकता.

पद्धत 1. html टॅगद्वारे

सर्वात सोप्या पद्धतीने html मध्ये मजकूराचा रंग बदलण्यासाठी टॅग वापरत आहे . हे आपल्याला मजकूराचा रंग, आकार आणि शैली बदलण्याची परवानगी देते. हे करण्यासाठी, त्यात तीन गुणधर्म आहेत. मांडणी:

एक उदाहरण देऊ

नियमित फॉन्ट निळा फॉन्ट मोठा लाल फॉन्ट

पृष्ठ खालीलमध्ये रूपांतरित होते

नियमित फॉन्ट. निळा फॉन्ट. आणि हा एक मोठा लाल फॉन्ट आहे

HTML5 मानकाची नवीन आवृत्ती त्यास समर्थन देत नाही. परंतु सर्व आधुनिक ब्राउझर समजतात आणि वरवर पाहता दीर्घकाळ समजत राहतील. फॉन्ट टॅगवेबसाइट्सवर मोठ्या प्रमाणावर वितरित. जे, तथापि, त्याच्या सुलभता आणि साधेपणाद्वारे स्पष्ट करणे सोपे आहे.

पद्धत 2. शैली गुणधर्माद्वारे

फॉन्ट रंग बदलण्यासाठी दुसरी समान पद्धत आहे. यासाठी एक शैली विशेषता आहे, जी कोणत्याही html टॅगवर लागू केली जाऊ शकते (

, , , , , ,

,
, ,
).

एक उदाहरण देऊ

निळा मजकूर रंग

हिरवा मजकूर रंग

निळा मजकूर रंग

हिरवा मजकूर रंग

जर मजकूराचा रंग बदलला नाही, तर तुम्ही!महत्वाची घोषणा वापरून पाहू शकता

निळा मजकूर रंग

stylesheet.css फाइल्समधील प्रत्येक बदलानंतर तुमचा ब्राउझर कॅशे साफ करणे देखील फायदेशीर आहे.

पद्धत 3. CSS शैलींद्वारे

बहुतेक सर्वोत्तम मार्गवेबसाइटवरील मजकूराचा रंग बदलणे म्हणजे CSS टेबलच्या क्षमतेचा फायदा घेणे. ते साइटशी कनेक्ट केले जाऊ शकतात आणि नंतर आपण एकाच ठिकाणी मूल्ये बदलू शकता आणि केलेले बदल एकाच वेळी संपूर्ण साइटवर प्रदर्शित केले जातील.

पुस्तकाच्या पहिल्या भागात, CSS मध्ये मजकूराचा रंग कसा सेट करायचा हे आम्ही काही उदाहरणांमध्ये आधीच दाखवले आहे. येथे काहीही क्लिष्ट नाही: आपल्याला रंग गुणधर्म आणि आपण मजकूर रंगविण्यासाठी इच्छित रंगाचे मूल्य आवश्यक आहे.

पी ( रंग: #211C18; )
आमच्या उदाहरणात, मूल्य #211C18 हेक्साडेसिमल कलर कोड दर्शवते. जर तुम्हाला हेक्साडेसिमल नंबर सिस्टमशी आधीच परिचित असेल, तर तुम्ही पुढील परिच्छेद वाचणे वगळू शकता. आम्ही वेबवर रंगांचे प्रतिनिधित्व करण्याच्या इतर मार्गांबद्दल देखील बोलू - रंग मॉडेल (RGB, HSL) आणि कीवर्ड. ही माहिती नवशिक्यांसाठी उपयुक्त ठरेल आणि वाचण्याची शिफारस केली जाते.

हेक्साडेसिमल रंग (हेक्स)

हेक्साडेसिमल संख्या प्रणाली ( हेक्साडेसिमल, हेक्स) 16 क्रमांकावर आधारित आहे. हेक्साडेसिमल मूल्य लिहिण्यासाठी 16 वर्ण वापरले जातात: अरबी अंक 0 ते 9 पर्यंत आणि लॅटिन अक्षरांची पहिली अक्षरे (A, B, C, D, E, F). हेक्साडेसिमल फॉरमॅटमधील रंग 00 ते FF पर्यंत तीन दोन-अंकी संख्या म्हणून लिहिलेला आहे (त्यांच्या आधी हॅश चिन्ह # असणे आवश्यक आहे), जे तीन घटकांशी संबंधित आहे: लाल, हिरवा, निळा (RGB रंग मॉडेल). दुसऱ्या शब्दांत, रंगाची नोंद #RRGGBB म्हणून दर्शविली जाऊ शकते, जिथे वर्णांची पहिली जोडी लाल पातळी, दुसरी - हिरवी पातळी आणि तिसरी - निळी पातळी निर्धारित करते. परिणामी रंग या तीन रंगांचे संयोजन आहे.

हेक्स रंगांसाठी लघुलेखन

काही हेक्साडेसिमल कलर व्हॅल्यू संक्षेपात लिहिता येतात. हे करण्यासाठी, #RRGGBB सारखी एंट्री #RGB मध्ये बदला. हेक्स नंबरमध्ये समान वर्णांच्या तीन जोड्या असतील तेव्हा हे केले जाऊ शकते.

नोटेशनचे संक्षिप्त रूप अगदी सामान्य आहे आणि तुमच्या संदर्भासाठी आम्ही संक्षेपांची अनेक उदाहरणे देऊ. तसे, हेक्स कलर व्हॅल्यू केस सेन्सेटिव्ह नसतात - तुम्ही अप्परकेस आणि लोअरकेस अक्षरे दोन्ही वापरू शकता, हे सर्व तुमच्या इच्छेवर आणि चववर अवलंबून असते.

हेक्स रंगांसाठी संक्षिप्त नोटेशनची उदाहरणे:

HEX कोड लघुलेखन
#FFDD66 #FD6
#8833FF #83F
#333333 #333
#cccccc #ccc
RGB रंग मॉडेल

CSS मध्ये रंग निर्दिष्ट करण्याचा दुसरा मार्ग म्हणजे दशांश RGB मूल्ये (लाल, निळा, हिरवा) वापरणे. हे करण्यासाठी, तुम्हाला कलर प्रॉपर्टी नंतर rgb हा कीवर्ड लिहावा लागेल आणि नंतर कंसात आणि स्वल्पविरामाने विभक्त करावे लागेल - 0 ते 255 पर्यंतच्या श्रेणीतील तीन संख्या, त्यातील प्रत्येक म्हणजे लाल, हिरव्या आणि निळ्या रंगांची तीव्रता (r , g, b). संख्या जितकी जास्त तितका रंग अधिक तीव्र. उदाहरणार्थ, चमकदार हिरवा रंग मिळविण्यासाठी, आपल्याला लिहिण्याची आवश्यकता आहे:
P ( रंग: rgb(0, 255, 0);)
परंतु पिवळसर-मोहरी रंगाचा खालील अर्थ आहे:
रंग: rgb(94, 81, 3); /* खाली समान रंग आहे, हेक्साडेसिमलमध्ये लिहिलेला आहे: */ color: #5E5103;
काळ्यासाठीचे मूल्य (0, 0, 0) आणि पांढऱ्यासाठी (255, 255, 255) असे लिहिले आहे. ही मूल्ये टक्केवारी म्हणून सूचित करणे देखील शक्य आहे. तर, संख्या 255 100% शी संबंधित आहे, म्हणून, पांढरा रंग खालीलप्रमाणे सेट केला जाऊ शकतो:
रंग: rgb(100%, 100%, 100%);
रंगाचा अर्थ कुठे शोधायचा

कदाचित तुम्हाला प्रश्न पडला असेल: तुम्हाला हे सर्व रंगाचे अर्थ कोठे मिळतात? अनेक आहेत ग्राफिक संपादकआणि ऑनलाइन सेवा ज्याद्वारे तुम्ही रंग निवडू शकता आणि रंगसंगती तयार करू शकता. सर्वात एक लोकप्रिय कार्यक्रम, ज्यामध्ये तुम्ही योग्य रंग निवडू शकता आणि त्याचे RGB, हेक्स मूल्य आणि बरेच काही मिळवू शकता - अडोब फोटोशाॅप. एक पर्याय म्हणून, अशी विशेष साइट्स आहेत जिथे आपण सहजपणे केवळ रंगच नव्हे तर संपूर्ण देखील निवडू शकता रंग योजना. Adobe Color CC सेवा हे एक उत्तम उदाहरण आहे.

RGBA रंग मॉडेल

यावर रंग सेट करा RGB स्वरूप A हे RGB प्रमाणेच शक्य आहे. RGBA आणि RGB मधील फरक अल्फा चॅनेलची उपस्थिती आहे, जो रंगाच्या पारदर्शकतेसाठी जबाबदार आहे. पारदर्शकता 0 ते 1 या श्रेणीतील संख्या वापरून सेट केली जाते, जिथे 0 म्हणजे पूर्ण पारदर्शकता आणि 1, याउलट, पूर्णपणे अपारदर्शक. 0.5 सारखी इंटरमीडिएट व्हॅल्यू तुम्हाला अर्धपारदर्शक स्वरूप सेट करण्याची परवानगी देतात (शून्यशिवाय, परंतु बिंदूसह - .5 सह शॉर्टहँड नोटेशनला परवानगी आहे). उदाहरणार्थ, मजकूर रंगीत आणि किंचित पारदर्शक करण्यासाठी, तुम्हाला rgba कीवर्ड आणि रंग गुणधर्मानंतर रंग मूल्य लिहावे लागेल:
P ( रंग: rgba(94, 81, 3, .9);)
RGBA चा तोटा म्हणजे ब्राउझर त्याला सपोर्ट करत नाही इंटरनेट एक्सप्लोररआवृत्त्या 8 आणि पूर्वीचे. विशेषतः IE8 साठी, आपण खालील उपाय लागू करू शकता:
P ( रंग: rgb(94, 81, 3); रंग: rgba(94, 81, 3, .9);)
उदाहरणातील प्रथम गुणधर्म IE8 ब्राउझरसाठी आहे, जो मजकूर प्रदर्शित करेल योग्य रंगात, परंतु पारदर्शकतेशिवाय. आणि जे ब्राउझर आरजीबीए समजतात ते पारदर्शकतेसह घटकाला दुसरी गुणधर्म लागू करतील.

HSL (HSLA) रंग मॉडेल

तुम्ही HSL कलर मॉडेल (ह्यू, सॅचुरेशन, लाइटनेस) चे निर्देशांक वापरून CSS मध्ये रंग देखील सेट करू शकता. हे असे लिहिले आहे:
पी ( रंग: hsl(165, 100%, 50%);)
कंसातील पहिल्या क्रमांकाचा अर्थ रंग आहे आणि तो अंशांमध्ये दिला जातो (संख्या श्रेणी 0 ते 359 पर्यंत). कलर व्हील कसे दिसते हे लक्षात ठेवल्यास डिग्री का वापरल्या जातात हे समजणे सोपे होईल:

कंसातील द्वितीय आणि तृतीय क्रमांकाचा अर्थ अनुक्रमे संपृक्तता आणि हलकीपणा आहे. त्यांची मूल्ये 0 ते 100 पर्यंत टक्केवारीत सेट केली आहेत. संपृक्तता मूल्य जितके कमी असेल तितका रंग अधिक निःशब्द होईल. शून्याच्या संपृक्ततेच्या मूल्याचा परिणाम राखाडी रंगात होईल, रंगछटा मूल्य काहीही असो. लाइटनेस मूल्य आपल्याला रंगाची चमक निर्दिष्ट करण्यास अनुमती देते. कमी मूल्यांचा परिणाम रंगाच्या गडद छटामध्ये होतो, उच्च मूल्यांचा परिणाम हलक्या रंगात होतो. हलकेपणासाठी 100% मूल्य म्हणजे पांढरा, 0% म्हणजे काळा.

HSLA कलर मॉडेल जवळजवळ HSL प्रमाणेच कार्य करते, परंतु, RGBA प्रमाणेच, त्यात अल्फा चॅनेल आहे ज्याद्वारे आपण 0 ते 1 च्या श्रेणीमध्ये इच्छित मूल्य निर्दिष्ट करून रंगाची पारदर्शकता सेट करू शकता:
P ( रंग: hsla(165, 100%, 50%, .6);)
HSL आणि HSLA इंटरनेट एक्सप्लोरर आवृत्ती 8 आणि त्यापूर्वीची आवृत्ती वगळता सर्व ब्राउझरद्वारे समर्थित आहेत.

मानक HTML रंग

वेबवर रंगांचे प्रतिनिधित्व करण्याचा दुसरा मार्ग म्हणजे कीवर्डद्वारे, ज्याचा वापर घटकासाठी रंग निर्दिष्ट करण्यासाठी केला जाऊ शकतो. उदाहरण:
P(रंग:काळा;)
रंग गुणधर्माच्या मूल्यामध्ये 16 मानक रंग लिहिले जाऊ शकतात:

कलर कीवर्ड HEX कोड RGB
लाल #FF0000 255, 0, 0
लाल रंग #800000 128, 0, 0
पिवळा #FFFF00 255, 255, 0
ऑलिव्ह #808000 128, 128, 0
चुना #00FF00 0, 255, 0
हिरवा #008000 0, 128, 0
एक्वा #00FFFF 0, 255, 255
टील #008080 0, 128, 128
निळा #0000FF 0, 0, 255
नौदल #000080 0, 0, 128
खाली लोंबणार्या सुंदर फुलांचे झाड #FF00FF 255, 0, 255
जांभळा #800080 128, 0, 128
पांढरा #FFFFFF 255, 255, 255
चांदी #C0C0C0 192, 192, 192
राखाडी #808080 128, 128, 128
काळा #000000 0, 0, 0
हे रंग सर्व ब्राउझरद्वारे समर्थित आहेत. त्यांच्या व्यतिरिक्त, सुमारे 130 अतिरिक्त कीवर्ड आहेत विविध छटारंग. पूर्ण टेबलहे रंग W3C संदर्भ पुस्तकात पाहिले जाऊ शकतात.

अशा कीवर्डचा वापर स्वीकार्य आहे, परंतु काही शब्द ब्राउझरद्वारे स्वीकारले जाणार नाहीत असा धोका आहे. म्हणून, कीवर्डऐवजी हेक्साडेसिमल कलर कोड लिहिण्याची शिफारस केली जाते.

परिणाम

IN CSS रंगमजकूर रंग गुणधर्म वापरून निर्दिष्ट केला जातो आणि त्याचे मूल्य अनेक प्रकारे लिहिले जाऊ शकते - हेक्साडेसिमल (हेक्स) स्वरूपात, आरजीबी किंवा एचएसएल स्वरूपात किंवा कीवर्ड निर्दिष्ट करून. टाळण्यासाठी चुकीचे प्रदर्शनकीवर्ड वापरून निर्दिष्ट रंग, त्याचे हेक्स मूल्य निर्दिष्ट करणे चांगले आहे.

अल्फा चॅनेल (RGBA आणि HSLA स्वरूप) वापरून घटकाची पारदर्शकता सेट करणे देखील शक्य आहे. हे लक्षात घेण्यासारखे आहे की IE8 ब्राउझर आणि त्याच्या पूर्वीच्या आवृत्त्या RGBA, HSL आणि HSLA स्वरूपनास समर्थन देत नाहीत.

या ट्युटोरियलमध्ये आपण शेवटची टॅग विशेषता पाहू , जे मजकूराचा रंग सेट करते. डीफॉल्टनुसार, मजकूर काळा असतो, जो पांढऱ्या पार्श्वभूमीवर प्रदर्शित होतो. करण्यासाठी html मध्ये मजकूराचा रंग बदला, तुम्हाला टॅगचे रंग गुणधर्म लागू करणे आवश्यक आहे :

रंग सेट करण्यासाठी, फक्त त्याचे नाव निर्दिष्ट करा, उदाहरणार्थ: लाल, हिरवा, निळा. एक लहान उदाहरण पाहू:
धडा 6. मजकूराचा रंग बदलणे
हिरवा मजकूर

लाल मजकूर

जांभळा मजकूर

चला ब्राउझरमध्ये परिणाम पाहू:

पहिल्या परिच्छेदातील मजकूर हिरवा झाला, दुसरा परिच्छेद लाल झाला आणि तिसरा परिच्छेद जांभळा झाला. एकूण, प्राथमिक रंगांची 16 नावे आणि 130 अतिरिक्त आहेत. आपण html रंग सारणीमध्ये रंगांची संपूर्ण यादी पाहू शकता.

रंग दर्शविण्याचा हा मार्ग अगदी सोपा आहे, परंतु खूप मर्यादित आहे. म्हणून, HTML कोडमधील रंग बदलण्यासाठी, ते बऱ्याचदा हॅश चिन्ह (#) च्या आधी आलेला हेक्साडेसिमल क्रमांक वापरतात, उदाहरणार्थ:

या पदनामाचा वापर करून तुम्ही 16 दशलक्षाहून अधिक रंग आणि त्यांच्या छटा मिळवू शकता! साइटवर उपलब्ध असलेला कलर कोड किंवा फोटोशॉपमधील कलर पॅलेट वापरून तुम्ही रंग कोड मिळवू शकता. चला एक उदाहरण पाहू आणि खालील कोड लिहू:
धडा 6. मजकूराचा रंग बदलणे
हिरवा मजकूर

लाल मजकूर

जांभळा मजकूर

चला फाईल सेव्ह करू आणि परिणाम पाहू:

जसे तुम्ही बघू शकता, आम्ही मजकूर पहिल्या उदाहरणाप्रमाणेच रंगांवर सेट करतो, फक्त येथे आम्ही हेक्साडेसिमल क्रमांक प्रणाली वापरली आहे, किंवा दुसऱ्या शब्दांत, आम्ही रंग HEX स्वरूपात सेट करतो.

आता तुम्ही html मधील मजकूराचा रंग कसा बदलायचा ते शिकलात आणि धड्याच्या शेवटी मी सर्व टॅग विशेषतांची पुनरावृत्ती करण्याचा सल्ला देतो. , आणि मजकूरावर एकाच वेळी अनेक पॅरामीटर्स सेट करा, म्हणजे: फॉन्ट, आकार आणि रंग. एक उदाहरण लिहा:
आम्ही मजकूर अनेक पॅरामीटर्स देतो

मजकूर फॉन्ट, आकार आणि रंग सेट करा

मजकूर फॉन्ट, आकार आणि रंग सेट करा

HTML मध्ये, रंग तीन प्रकारे निर्दिष्ट केला जाऊ शकतो:

HTML मध्ये त्याच्या नावाने रंग सेट करणे

वर रंगाचे नाव वापरून काही रंग त्यांच्या नावाने निर्दिष्ट केले जाऊ शकतात इंग्रजी भाषा. सर्वात सामान्य कीवर्ड: काळा, पांढरा, लाल, हिरवा, निळा, इ.:

मजकूर रंग - लाल

वर्ल्ड वाइड वेब कन्सोर्टियम मानकांचे सर्वात लोकप्रिय रंग वाइड वेबकंसोर्टियम, W3C):

रंग नाव रंग नाव रंग नाव रंग नाव
काळा राखाडी चांदी पांढरा
पिवळा चुना एक्वा फुशिया
लाल हिरवा निळा जांभळा
मरून ऑलिव्ह नौदल टील
भिन्न रंगांची नावे वापरण्याचे उदाहरण:

उदाहरण: त्याच्या नावाने रंग निर्दिष्ट करणे

स्वतः करून पहा"

लाल पार्श्वभूमीवर शीर्षलेख

नारिंगी पार्श्वभूमीवर शीर्षलेख

चुना पार्श्वभूमीवर शीर्षक

निळ्या पार्श्वभूमीवर पांढरा मजकूर

लाल पार्श्वभूमीवर शीर्षलेख

नारिंगी पार्श्वभूमीवर शीर्षलेख

चुना पार्श्वभूमीवर शीर्षक

निळ्या पार्श्वभूमीवर पांढरा मजकूर

RGB वापरून रंग निर्दिष्ट करणे

मॉनिटरवर वेगवेगळे रंग प्रदर्शित करताना, RGB पॅलेट आधार म्हणून वापरला जातो. कोणताही रंग तीन मूलभूत मिसळून प्राप्त केला जातो: आर - लाल, जी - हिरवा, बी - निळा. प्रत्येक रंगाची ब्राइटनेस एका बाइटने दिली जाते आणि म्हणून ती 0 ते 255 पर्यंत मूल्ये घेऊ शकते. उदाहरणार्थ, RGB(255,0,0) लाल रंगात दाखवले जाते कारण लाल त्याच्या सर्वोच्च मूल्यावर (255) सेट केले जाते आणि बाकी 0 वर सेट केले आहे तुम्ही टक्केवारी म्हणून रंग देखील सेट करू शकता. प्रत्येक पॅरामीटर संबंधित रंगाची चमक पातळी दर्शवते. उदाहरणार्थ: rgb(127, 255, 127) आणि rgb(50%, 100%, 50%) ही मूल्ये समान मध्यम हिरवा रंग सेट करतील:

उदाहरण: RGB वापरून रंग निर्दिष्ट करणे

स्वतः करून पहा"

rgb(१२७, २५५, १२७)

rgb(50%, 100%, 50%)

rgb(१२७, २५५, १२७)

rgb(50%, 100%, 50%)

हेक्साडेसिमल मूल्यानुसार रंग सेट करा

मूल्ये आर जी बीफॉर्ममध्ये हेक्साडेसिमल (HEX) रंग मूल्ये वापरून देखील निर्दिष्ट केले जाऊ शकते: #RRGGBB जेथे RR (लाल), GG (हिरवा) आणि BB (निळा) 00 ते FF (दशांश 0-255 प्रमाणेच) हेक्साडेसिमल मूल्ये आहेत ) . हेक्साडेसिमल प्रणाली, दशांश प्रणालीच्या विपरीत, तिच्या नावाप्रमाणे, 16 क्रमांकावर आधारित आहे. हेक्साडेसिमल प्रणाली खालील चिन्हे वापरते: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. येथे 10 ते 15 मधील संख्या बदलल्या आहेत लॅटिन अक्षरांसह. हेक्साडेसिमल सिस्टीममधील 15 पेक्षा जास्त संख्या दोन वर्णांना एका मूल्यामध्ये एकत्रित करून दर्शविल्या जातात. उदाहरणार्थ, दशांश मधील सर्वोच्च संख्या 255 हे हेक्साडेसिमलमधील सर्वोच्च FF मूल्याशी संबंधित आहे. दशांश प्रणालीच्या विपरीत, हेक्साडेसिमल क्रमांक हॅश चिन्हाच्या आधी असतो. # , उदाहरणार्थ, #FF0000 लाल म्हणून दर्शविले आहे कारण लाल त्याच्या सर्वोच्च मूल्यावर (FF) सेट केले आहे आणि उर्वरित रंग त्यांच्या किमान मूल्यावर (00) सेट केले आहेत. हॅश चिन्हानंतर चिन्हे # तुम्ही अप्परकेस आणि लोअरकेस दोन्हीमध्ये टाइप करू शकता. हेक्साडेसिमल सिस्टीम तुम्हाला #rgb हा संक्षिप्त फॉर्म वापरण्याची परवानगी देते, जिथे प्रत्येक वर्ण दुप्पट आहे. अशा प्रकारे, एंट्री #f7O ही #ff7700 मानली पाहिजे.

उदाहरण: HEX रंग

स्वतः करून पहा"

लाल: #FF0000

हिरवा: #00FF00

निळा: #0000FF

लाल: #FF0000

हिरवा: #00FF00

निळा: #0000FF

लाल+हिरवा=पिवळा: #FFFF00

लाल+निळा=जांभळा: #FF00FF

हिरवा+निळा = निळसर: #00FFFF

सामान्य रंगांची यादी (नाव, HEX आणि RGB):

इंग्रजी नाव रशियन नाव नमुना HEX RGB
राजगिरा राजगिरा #E52B50 229 43 80
अंबर अंबर #FFBF00 255 191 0
एक्वा निळा हिरवा #00FFFF 0 255 255
अझर अझर #007FFF 0 127 255
काळा काळा #000000 0 0 0
निळा निळा #0000FF 0 0 255
बोंडी निळा बोंडअळी समुद्रकिनारी पाणी #0095B6 0 149 182
पितळ पितळ #B5A642 181 166 66
तपकिरी तपकिरी #964B00 150 75 0
सेरुलियन अझर #007BA7 0 123 167
गडद वसंत हिरवा गडद वसंत हिरवा #177245 23 114 69
पाचू पाचू #50C878 80 200 120
वांगं वांगं #990066 153 0 102
फुशिया फुशिया #FF00FF 255 0 255
सोने सोने #FFD700 250 215 0
राखाडी राखाडी #808080 128 128 128
हिरवा हिरवा #00FF00 0 255 0
इंडिगो इंडिगो #4B0082 75 0 130
जेड जेड #00A86B 0 168 107
चुना चुना #CCFF00 204 255 0
मलाकाइट मलाकाइट #0BDA51 11 218 81
नौदल गडद निळा #000080 0 0 128
गेरू गेरू #CC7722 204 119 34
ऑलिव्ह ऑलिव्ह #808000 128 128 0
संत्रा संत्रा #FFA500 255 165 0
पीच पीच #FFE5B4 255 229 180
भोपळा भोपळा #FF7518 255 117 24
जांभळा जांभळा #800080 128 0 128
लाल लाल #FF0000 255 0 0
केशर केशर #F4C430 244 196 48
समुद्र हिरवा हिरवा समुद्र #2E8B57 46 139 87
हिरवा दलदल बोलोत्नी #ACB78E 172 183 142
टील निळा हिरवा #008080 0 128 128
अल्ट्रामॅरीन अल्ट्रामॅरीन #120A8F 18 10 143
जांभळा जांभळा #8B00FF 139 0 255
पिवळा पिवळा #FFFF00 255 255 0

संपृक्तता आणि रंगानुसार रंग कोड (पार्श्वभूमी).

CSS रंग मॉड्यूल तपशील मूल्ये जे लेखकांना html घटकांचे रंग आणि अपारदर्शकता तसेच रंग गुणधर्माची मूल्ये परिभाषित करण्यास अनुमती देतात.

रंग गुणधर्म

1. प्राधान्य रंग: रंग गुणधर्म

गुणधर्म विविध रंग प्रस्तुतीकरण प्रणाली वापरून फॉन्ट रंग निर्दिष्ट करते. गुणधर्म घटकाच्या मजकूर सामग्रीच्या रंगाचे वर्णन करते. याव्यतिरिक्त, रंग मूल्ये स्वीकारणाऱ्या इतर कोणत्याही गुणधर्मांसाठी संभाव्य अप्रत्यक्ष मूल्य (वर्तमान रंग) प्रदान करण्यासाठी वापरले जाते.

मालमत्ता वारसाहक्काने मिळते.

2. रंग मूल्ये

२.१. मुख्य कीवर्ड

मुख्य कीवर्डच्या सूचीमध्ये खालील अर्थांचा समावेश आहे:

नाव HEX RGB रंग
काळा #000000 0,0,0
चांदी #C0C0C0 192,192,192
राखाडी #808080 128,128,128
पांढरा #FFFFFF 255,255,255
लाल रंग #800000 128,0,0
लाल #FF0000 255,0,0
जांभळा #800080 128,0,128
खाली लोंबणार्या सुंदर फुलांचे झाड #FF00FF 255,0,255
हिरवा #008000 0,128,0
चुना #00FF00 0,255,0
ऑलिव्ह #808000 128,128,0
पिवळा #FFFF00 255,255,0
नौदल #000080 0,0,128
निळा #0000FF 0,0,255
टील #008080 0,128,128
एक्वा #00FFFF 0,255,255
रंगांची नावे केस संवेदनशील नाहीत.

मांडणी
रंग: टील;
२.२. अंकीय रंग मूल्ये

२.२.१. RGB मॉडेल रंग

RGB मूल्याचे हेक्साडेसिमल फॉरमॅट हे # चिन्ह असून त्यानंतर लगेच तीन किंवा सहा हेक्साडेसिमल वर्ण असतात. तीन-अंकी RGB नोटेशन #rgb शून्य जोडण्याऐवजी अंक कॉपी करून सहा-अंकी फॉर्म #rrggbb मध्ये रूपांतरित केले जाते. उदाहरणार्थ, #fb0 #ffbb00 वर विस्तारते. हे सुनिश्चित करते की पांढरा #ffffff मध्ये निर्दिष्ट केला जाऊ शकतो लहान टीप#fff , आणि डिस्प्ले कलर डेप्थवरील कोणतेही अवलंबित्व काढून टाकते.

फंक्शनल नोटेशनमधील RGB मूल्याचे स्वरूप rgb (त्यानंतर तीन अंकीय मूल्यांची स्वल्पविरामाने विभक्त केलेली सूची (एकतर तीन पूर्णांक मूल्ये किंवा तीन टक्के मूल्ये) आणि त्यानंतर प्रतीक). पूर्णांक मूल्य २५५ हे हेक्साडेसिमल नोटेशनमध्ये १००% आणि F किंवा FF शी संबंधित आहे:
Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
संख्यात्मक मूल्यांभोवती स्पेस वर्णांना अनुमती आहे.

कलर कीवर्ड	HEX कोड	RGB
लाल	#FF0000	255, 0, 0
लाल रंग	#800000	128, 0, 0
पिवळा	#FFFF00	255, 255, 0
ऑलिव्ह	#808000	128, 128, 0
चुना	#00FF00	0, 255, 0
हिरवा	#008000	0, 128, 0
एक्वा	#00FFFF	0, 255, 255
टील	#008080	0, 128, 128
निळा	#0000FF	0, 0, 255
नौदल	#000080	0, 0, 128
खाली लोंबणार्या सुंदर फुलांचे झाड	#FF00FF	255, 0, 255
जांभळा	#800080	128, 0, 128
पांढरा	#FFFFFF	255, 255, 255
चांदी	#C0C0C0	192, 192, 192
राखाडी	#808080	128, 128, 128
काळा	#000000	0, 0, 0

इंग्रजी नाव	रशियन नाव	HEX	RGB
राजगिरा	राजगिरा	#E52B50	229	43	80
अंबर	अंबर	#FFBF00	255	191	0
एक्वा	निळा हिरवा	#00FFFF	0	255	255
अझर	अझर	#007FFF	0	127	255
काळा	काळा	#000000	0	0	0
निळा	निळा	#0000FF	0	0	255
बोंडी निळा	बोंडअळी समुद्रकिनारी पाणी	#0095B6	0	149	182
पितळ	पितळ	#B5A642	181	166	66
तपकिरी	तपकिरी	#964B00	150	75	0
सेरुलियन	अझर	#007BA7	0	123	167
गडद वसंत हिरवा	गडद वसंत हिरवा	#177245	23	114	69
पाचू	पाचू	#50C878	80	200	120
वांगं	वांगं	#990066	153	0	102
फुशिया	फुशिया	#FF00FF	255	0	255
सोने	सोने	#FFD700	250	215	0
राखाडी	राखाडी	#808080	128	128	128
हिरवा	हिरवा	#00FF00	0	255	0
इंडिगो	इंडिगो	#4B0082	75	0	130
जेड	जेड	#00A86B	0	168	107
चुना	चुना	#CCFF00	204	255	0
मलाकाइट	मलाकाइट	#0BDA51	11	218	81
नौदल	गडद निळा	#000080	0	0	128
गेरू	गेरू	#CC7722	204	119	34
ऑलिव्ह	ऑलिव्ह	#808000	128	128	0
संत्रा	संत्रा	#FFA500	255	165	0
पीच	पीच	#FFE5B4	255	229	180
भोपळा	भोपळा	#FF7518	255	117	24
जांभळा	जांभळा	#800080	128	0	128
लाल	लाल	#FF0000	255	0	0
केशर	केशर	#F4C430	244	196	48
समुद्र हिरवा	हिरवा समुद्र	#2E8B57	46	139	87
हिरवा दलदल	बोलोत्नी	#ACB78E	172	183	142
टील	निळा हिरवा	#008080	0	128	128
अल्ट्रामॅरीन	अल्ट्रामॅरीन	#120A8F	18	10	143
जांभळा	जांभळा	#8B00FF	139	0	255
पिवळा	पिवळा	#FFFF00	255	255	0

नाव	HEX	RGB
काळा	#000000	0,0,0
चांदी	#C0C0C0	192,192,192
राखाडी	#808080	128,128,128
पांढरा	#FFFFFF	255,255,255
लाल रंग	#800000	128,0,0
लाल	#FF0000	255,0,0
जांभळा	#800080	128,0,128
खाली लोंबणार्या सुंदर फुलांचे झाड	#FF00FF	255,0,255
हिरवा	#008000	0,128,0
चुना	#00FF00	0,255,0
ऑलिव्ह	#808000	128,128,0
पिवळा	#FFFF00	255,255,0
नौदल	#000080	0,0,128
निळा	#0000FF	0,0,255
टील	#008080	0,128,128
एक्वा	#00FFFF	0,255,255