How to use Color in CSS?

Marathi

CSS Color आपण एका वाक्याला रंग देण्या साठी वापर करतो. आणि बॉर्डर च रंग सुद्धा आपण निश्चित करू शकतो.
आपण विविध स्वरूपात आपले रंग मूल्ये निर्देशीत करू शकता. खालील तक्ता सर्व शक्य स्वरूप यादी दर्शवली आहे.

स्वरूपमांडणीउदाहरण
Hex Code#RRGGBBp{color:#FF0000;}
Short Hex Code#RGBp{color:#6A7;}
RGB %rgb(rrr%,ggg%,bbb%)p{color:rgb(50%,50%,50%);}
RGB Absolutergb(rrr,ggg,bbb)p{color:rgb(0,0,255);}
keywordaqua, black, etc.p{color:teal;}

या स्वरुपांना खालील विभागात अधिक तपशील स्पष्टीकरण दिले आहे :

CSS Color – Hex Codes

hexadecimal हे रंगाचे 6 आकडी प्रतिनिधित्त्व करते. पहिले दोन (RR) लाल रंगाचे मूल्याचे प्रतिनिधित्व करतात, पुढील दोन हिरवा रंगाचे मूल्याचे प्रतिनिधित्व करतात, शेवटचे २ निळ्या रंगाचे मूल्याचे प्रतिनिधित्व करतात.

hexadecimal मूल्य तुम्ही कोणत्या हि graphics software च्या मदतीने मिळू शकता. उदा: Adobe Photoshop, Jasc Paintshop Pro, or Advanced Paint Brush.

hexadecimal code च्या आधी # लावणे गरजेचं आहे. त्या शिवाय hexadecimal code color दर्शवित नाही.

CSS Colors – Short Hex Codes

Short Hex Codes म्हणजे ३ अंकी code. सुरुवातीला आपण बघितलं ६ अंकी color code. त्याचाच short मध्ये ह्या code वापर केला आहे.
उदा: #ff9900 चे short code #f90 आहे.

hexadecimal हे आपण ग्राफिक सॉफ्टरवेअर च्या मदतीने किंवा color picker च्या मदतीने घेऊ शकता

Short Hex Code च्या आधी # लावणे गरजेचं आहे. त्या शिवाय Short Hex Code color दर्शवित नाही.

CSS color – RGB Values

RGB Values हे 0 आणि 255 किंवा टक्केवारी यामध्ये एक पूर्णांक असू शकते. ह्या मध्ये सुद्धा ३ मूल्य असतात आणि प्रत्येकी १ हे लाल , हिरवा, निळा हे रंग ह्या श्रेणी मधले असतात.

सुचना: सर्व ब्राऊझर rgb () रंग मालमत्ता समर्थन देत नाही, त्यामुळे तो वापर जास्त करू नये.

English

CSS Color Property is used for defining the color of the text, background and border.

Color Value can be specified in below formats

स्वरूपमांडणीउदाहरण
Hex Code#RRGGBBp{color:#FF0000;}
Short Hex Code#RGBp{color:#6A7;}
RGB %rgb(rrr%,ggg%,bbb%)p{color:rgb(50%,50%,50%);}
RGB Absolutergb(rrr,ggg,bbb)p{color:rgb(0,0,255);}
keywordaqua, black, etc.p{color:teal;}

These formats are explained in more detail within the following sections:

We will see these formats in more detail.

CSS Color – Hex Codes

The hex number is prefixed with a hash character (#). It is a six digit notation of a color value( #RRGGBB)
For eg. Hex code for Magenta is #FF00FF

CSS Colors – Short Hex Codes

This is a compressed version of the six-digit notation(#RGB)
For eg. Short Hex code for Magenta now becomes #F0F

CSS color – RGB Values

rgb() property is used to define RGB value. It is denoted by 3 values respectively for Red, Green and Blue. And the value is an integer between 0 to 255. 0 being the lowest and 255 is highest value. It can also be in percentage format
For eg. Magenta is written as rgb(255,0,255) and also can be denoted as rgb(100%,0%,100%)

RGB & hexadecimal values can be taken using any graphical tool like adobe photoshop, advanced paint brush or any color picker like ColorZilla.

While designing colors can be applied to elements by using properties like color, background-color and border-color.

A paragraph with red background with white text and black border could look like this:

 p{
color: #FFFFFF;
background-color: #FF0000;
border-color:#000000
}

Please note all browsers does not support rgb() property, hence it is recommended not to use it.