HTML Font Tag Color Hex - CSS Font Color Hex Code - CSS Style Font Color Hex - HTML Font Style and Color Code - Font Style Properties in CSS
CSS Font Properties:
We use font styling or HTML Font Tag Color Hex to set different CSS font properties for the text. There are the font properties mentioned below that we can apply on the text to make them attractive.
font-style
font-variant
font-weight
font-size/line-height
font-family
CSS Syntax:
font: font-style font-variant font-weight font-size/line-height font-family;
More Example for font style:
<p style="font:caption">EDUGYAN: font used in captioned controls.</p>
<p style="font:icon">EDUGYAN: font used in icon labels.</p>
<p style="font:menu">EDUGYAN: font used in dropdown menus.</p>
<p style="font:message-box">EDUGYAN: font used in dialog boxes.</p>
<p style="font:small-caption">EDUGYAN: A smaller version of the caption font.</p>
<p style="font:status-bar">EDUGYAN: font used in the status bar.</p>
Text Color:
CSS color property sets the text color with either write the color name or a hex value/code for the color.
For example:
<h1 style="color: red;">EDUGYAN heading</h1>
<p style="color: #00FFFF;">EDUGYAN paragraph.</p>
HTML Color Names:
We're mentioning different-different CSS Font Color Hex Code or CSS Style Font Color Hex below-
| Color Names | Hex Value/Code |
|---|---|
| Aqua | #00FFFF |
| AntiqueWhite | #FAEBD7 |
| Aquamarine | #7FFFD4 |
| AliceBlue | #F0F8FF |
| Azure | #F0FFFF |
| Bisque | #FFE4C4 |
| Beige | #F5F5DC |
| Black | #000000 |
| BlanchedAlmond | #FFEBCD |
| BlueViolet | #8A2BE2 |
| Blue | #0000FF |
| Brown | #A52A2A |
| BurlyWood | #DEB887 |
| CadetBlue | #5F9EA0 |
| Chartreuse | #7FFF00 |
| CornflowerBlue | #6495ED |
| Coral | #FF7F50 |
| Chocolate | #D2691E |
| Cornsilk | #FFF8DC |
| Crimson | #DC143C |
| Cyan | #00FFFF |
| DarkGoldenRod | #B8860B |
| DarkCyan | #008B8B |
| DarkBlue | #00008B |
| DarkGray | #A9A9A9 |
| DarkGreen | #006400 |
| DarkOliveGreen | #556B2F |
| DarkMagenta | #8B008B |
| DarkKhaki | #BDB76B |
| DarkOrange | #FF8C00 |
| DarkOrchid | #9932CC |
| DarkRed | #8B0000 |
| DarkSlateBlue | #483D8B |
| DarkSeaGreen | #8FBC8F |
| DarkSalmon | #E9967A |
| DarkSlateGray | #2F4F4F |
| DarkTurquoise | #00CED1 |
| DeepSkyBlue | #00BFFF |
| DeepPink | #FF1493 |
| DarkViolet | #9400D3 |
| DimGray | #696969 |
| DodgerBlue | #1E90FF |
| ForestGreen | #228B22 |
| FloralWhite | #FFFAF0 |
| FireBrick | #B22222 |
| Fuchsia | #FF00FF |
| Gainsboro | #DCDCDC |
| GhostWhite | #F8F8FF |
| Gray | #808080 |
| GoldenRod | #DAA520 |
| Gold | #FFD700 |
| Green | #008000 |
| GreenYellow | #ADFF2F |
| HotPink | #FF69B4 |
| HoneyDew | #F0FFF0 |
| IndianRed | #CD5C5C |
| Indigo | #4B0082 |
| Ivory | #FFFFF0 |
| Khaki | #F0E68C |
| LawnGreen | #7CFC00 |
| LavenderBlush | #FFF0F5 |
| Lavender | #E6E6FA |
| LemonChiffon | #FFFACD |
| LightBlue | #ADD8E6 |
| LightCoral | #F08080 |
| LightGray | #D3D3D3 |
| LightGoldenRodYellow | #FAFAD2 |
| LightCyan | #E0FFFF |
| LightGreen | #90EE90 |
| LightPink | #FFB6C1 |
| LightSkyBlue | #87CEFA |
| LightSeaGreen | #20B2AA |
| LightSalmon | #FFA07A |
| LightSlateGray | #778899 |
| LightSteelBlue | #B0C4DE |
| LimeGreen | #32CD32 |
| Lime | #00FF00 |
| LightYellow | #FFFFE0 |
| Linen | #FAF0E6 |
| Magenta | #FF00FF |
| Maroon | #800000 |
| MediumOrchid | #BA55D3 |
| MediumBlue | #0000CD |
| MediumAquaMarine | #66CDAA |
| MediumPurple | #9370DB |
| MediumSeaGreen | #3CB371 |
| MediumSlateBlue | #7B68EE |
| MediumVioletRed | #C71585 |
| MediumTurquoise | #48D1CC |
| MediumSpringGreen | #00FA9A |
| MidNightBlue | #191970 |
| MintCream | #F5FFFA |
| MistyRose | #FFE4E1 |
| Moccasin | #FFE4B5 |
| NavajoWhite | #FFDEAD |
| Navy | #000080 |
| OliveDrab | #6B8E23 |
| Olive | #808000 |
| OldLace | #FDF5E6 |
| Orange | #FFA500 |
| OrangeRed | #FF4500 |
| Orchid | #DA70D6 |
| PaleTurquoise | #AFEEEE |
| PaleGreen | #98FB98 |
| PaleGoldenRod | #EEE8AA |
| PaleVioletRed | #DB7093 |
| PapayaWhip | #FFEFD5 |
| PeachPuff | #FFDAB9 |
| Plum | #DDA0DD |
| Pink | #FFC0CB |
| Peru | #CD853F |
| PowderBlue | #B0E0E6 |
| Purple | #800080 |
| RebeccaPurple | #663399 |
| RoyalBlue | #4169E1 |
| RosyBrown | #BC8F8F |
| Red | #FF0000 |
| SaddleBrown | #8B4513 |
| Salmon | #FA8072 |
| SandyBrown | #F4A460 |
| Sienna | #A0522D |
| SeaShell | #FFF5EE |
| SeaGreen | #2E8B57 |
| Silver | #C0C0C0 |
| SkyBlue | #87CEEB |
| SlateBlue | #6A5ACD |
| Snow | #FFFAFA |
| SlateGrey | #708090 |
| SpringGreen | #00FF7F |
| SteelBlue | #4682B4 |
| Tan | #D2B48C |
| Tomato | #FF6347 |
| Thistle | #D8BFD8 |
| Teal | #008080 |
| Turquoise | #40E0D0 |
| Violet | #EE82EE |
| Wheat | #F5DEB3 |
| White | #FFFFFF |
| WhiteSmoke | #F5F5F5 |
| Yellow | #FFFF00 |
| YellowGreen | #9ACD32 |
Looking Forward:
https://t.co/Jmhzoz4Dh7#fontincss #colorincss #fontandcolorincss #css #html #cascadingstylesheet #howtosetfont #howtosetcolor #howtosettextcolor #howtosetbackgroundcolor #fontusingcss #colorusingcss #color #font #edugyanFollow -- @EDUGYAN1— EDUGYAN (@EDUGYAN1) June 15, 2020
0 Comments