HTML colors are specified using defined color name keywords or RGB, HEX, HSL, RGBA, HSLA values.
Color Name keywords are case-insensitive identifiers that represent a specific color, such as green/Green, blue/Blue, yellow/Yellow, or lightseagreen/LightSeaGreen.
For example the color green has the HEX color code #00FF00, that is also RGB(0,255,0), which is '0' red, '255' green, and '0' blue. The color codes can be used to change the color for the text and the background on a web page.
Here is an example with different colors.
<!DOCTYPE html> <html> <body> <h1 style="background-color:Tomato;"><font color="Gold">Color Tomato</font></h1> <h1 style="background-color:Orange;"><font color="Indigo">Color Orange</font></h1> <h1 style="background-color:Blue;"><font color="White">Color Blue</font></h1> <h1 style="background-color:Green;">Color Green</h1> <h1 style="background-color:Gray;"><font color="Blue">Color Gray</font></h1> <h1 style="background-color:Violet;"><font color="White">Color Violet</font></h1> <h1 style="background-color:LightGray;">Color LightGray</h1> </body> </html>
Modern browsers support 140 different color names.
Try to pick a color at this site: https://html-color-codes.info/ or use a defined color name keyword from this list:
| Color Name | HEX Code | Color |
|---|---|---|
|
AliceBlue |
#F0F8FF |
|
|
AntiqueWhite |
#FAEBD7 |
|
|
Aqua |
#00FFFF |
|
|
Aquamarine |
#7FFFD4 |
|
|
Azure |
#F0FFFF |
|
|
Beige |
#F5F5DC |
|
|
Bisque |
#FFE4C4 |
|
|
Black |
#000000 |
|
|
BlanchedAlmond |
#FFEBCD |
|
|
Blue |
#0000FF |
|
|
BlueViolet |
#8A2BE2 |
|
|
Brown |
#A52A2A |
|
|
BurlyWood |
#DEB887 |
|
|
CadetBlue |
#5F9EA0 |
|
|
Chartreuse |
#7FFF00 |
|
|
Chocolate |
#D2691E |
|
|
Coral |
#FF7F50 |
|
|
CornflowerBlue |
#6495ED |
|
|
Cornsilk |
#FFF8DC |
|
|
Crimson |
#DC143C |
|
|
Cyan |
#00FFFF |
|
|
DarkBlue |
#00008B |
|
|
DarkCyan |
#008B8B |
|
|
DarkGoldenRod |
#B8860B |
|
|
DarkGray |
#A9A9A9 |
|
|
DarkGrey |
#A9A9A9 |
|
|
DarkGreen |
#006400 |
|
|
DarkKhaki |
#BDB76B |
|
|
DarkMagenta |
#8B008B |
|
|
DarkOliveGreen |
#556B2F |
|
|
DarkOrange |
#FF8C00 |
|
|
DarkOrchid |
#9932CC |
|
|
DarkRed |
#8B0000 |
|
|
DarkSalmon |
#E9967A |
|
|
DarkSeaGreen |
#8FBC8F |
|
|
DarkSlateBlue |
#483D8B |
|
|
DarkSlateGray |
#2F4F4F |
|
|
DarkSlateGrey |
#2F4F4F |
|
|
DarkTurquoise |
#00CED1 |
|
|
DarkViolet |
#9400D3 |
|
|
DeepPink |
#FF1493 |
|
|
DeepSkyBlue |
#00BFFF |
|
|
DimGray |
#696969 |
|
|
DimGrey |
#696969 |
|
|
DodgerBlue |
#1E90FF |
|
|
FireBrick |
#B22222 |
|
|
FloralWhite |
#FFFAF0 |
|
|
ForestGreen |
#228B22 |
|
|
Fuchsia |
#FF00FF |
|
|
Gainsboro |
#DCDCDC |
|
|
GhostWhite |
#F8F8FF |
|
|
Gold |
#FFD700 |
|
|
GoldenRod |
#DAA520 |
|
|
Gray |
#808080 |
|
|
Grey |
#808080 |
|
|
Green |
#008000 |
|
|
GreenYellow |
#ADFF2F |
|
|
HoneyDew |
#F0FFF0 |
|
|
HotPink |
#FF69B4 |
|
|
IndianRed |
#CD5C5C |
|
|
Indigo |
#4B0082 |
|
|
Ivory |
#FFFFF0 |
|
|
Khaki |
#F0E68C |
|
|
Lavender |
#E6E6FA |
|
|
LavenderBlush |
#FFF0F5 |
|
|
LawnGreen |
#7CFC00 |
|
|
LemonChiffon |
#FFFACD |
|
|
LightBlue |
#ADD8E6 |
|
|
LightCoral |
#F08080 |
|
|
LightCyan |
#E0FFFF |
|
|
LightGoldenRodYellow |
#FAFAD2 |
|
|
LightGray |
#D3D3D3 |
|
|
LightGrey |
#D3D3D3 |
|
|
LightGreen |
#90EE90 |
|
|
LightPink |
#FFB6C1 |
|
|
LightSalmon |
#FFA07A |
|
|
LightSeaGreen |
#20B2AA |
|
|
LightSkyBlue |
#87CEFA |
|
|
LightSlateGray |
#778899 |
|
|
LightSlateGrey |
#778899 |
|
|
LightSteelBlue |
#B0C4DE |
|
|
LightYellow |
#FFFFE0 |
|
|
Lime |
#00FF00 |
|
|
LimeGreen |
#32CD32 |
|
|
Linen |
#FAF0E6 |
|
|
Magenta |
#FF00FF |
|
|
Maroon |
#800000 |
|
|
MediumAquaMarine |
#66CDAA |
|
|
MediumBlue |
#0000CD |
|
|
MediumOrchid |
#BA55D3 |
|
|
MediumPurple |
#9370DB |
|
|
MediumSeaGreen |
#3CB371 |
|
|
MediumSlateBlue |
#7B68EE |
|
|
MediumSpringGreen |
#00FA9A |
|
|
MediumTurquoise |
#48D1CC |
|
|
MediumVioletRed |
#C71585 |
|
|
MidnightBlue |
#191970 |
|
|
MintCream |
#F5FFFA |
|
|
MistyRose |
#FFE4E1 |
|
|
Moccasin |
#FFE4B5 |
|
|
NavajoWhite |
#FFDEAD |
|
|
Navy |
#000080 |
|
|
OldLace |
#FDF5E6 |
|
|
Olive |
#808000 |
|
|
OliveDrab |
#6B8E23 |
|
|
Orange |
#FFA500 |
|
|
OrangeRed |
#FF4500 |
|
|
Orchid |
#DA70D6 |
|
|
PaleGoldenRod |
#EEE8AA |
|
|
PaleGreen |
#98FB98 |
|
|
PaleTurquoise |
#AFEEEE |
|
|
PaleVioletRed |
#DB7093 |
|
|
PapayaWhip |
#FFEFD5 |
|
|
PeachPuff |
#FFDAB9 |
|
|
Peru |
#CD853F |
|
|
Pink |
#FFC0CB |
|
|
Plum |
#DDA0DD |
|
|
PowderBlue |
#B0E0E6 |
|
|
Purple |
#800080 |
|
|
RebeccaPurple |
#663399 |
|
|
Red |
#FF0000 |
|
|
RosyBrown |
#BC8F8F |
|
|
RoyalBlue |
#4169E1 |
|
|
SaddleBrown |
#8B4513 |
|
|
Salmon |
#FA8072 |
|
|
SandyBrown |
#F4A460 |
|
|
SeaGreen |
#2E8B57 |
|
|
SeaShell |
#FFF5EE |
|
|
Sienna |
#A0522D |
|
|
Silver |
#C0C0C0 |
|
|
SkyBlue |
#87CEEB |
|
|
SlateBlue |
#6A5ACD |
|
|
SlateGray |
#708090 |
|
|
SlateGrey |
#708090 |
|
|
Snow |
#FFFAFA |
|
|
SpringGreen |
#00FF7F |
|
|
SteelBlue |
#4682B4 |
|
|
Tan |
#D2B48C |
|
|
Teal |
#008080 |
|
|
Thistle |
#D8BFD8 |
|
|
Tomato |
#FF6347 |
|
|
Turquoise |
#40E0D0 |
|
|
Violet |
#EE82EE |
|
|
Wheat |
#F5DEB3 |
|
|
White |
#FFFFFF |
|
|
WhiteSmoke |
#F5F5F5 |
|
|
Yellow |
#FFFF00 |
|
|
YellowGreen |
#9ACD32 |
HTML colors are specified using defined color name keywords or RGB, HEX, HSL, RGBA, HSLA values.
Color Name keywords are case-insensitive identifiers that represent a specific color, such as green/Green, blue/Blue, yellow/Yellow, or lightseagreen/LightSeaGreen.
Fo....
The HTML <q> element indicates that the attached text is a short inline quotation mark. Modern browsers today implement this by enclosing the text in quotes. This item should be used when using short quotations that do not require section breaks.
When long quotes are used,....
A file path specify the location of a file. The filepath is like an address to the file and it helps the web browser to find the file. File paths are used to link external files such as images, videos, style sheets, JavaScript, displaying other web pages etc.
There are two types of f....
Computer Phrase Elements are useful when it comes to documenting computer code development and user interactions. This is done by differentiating source code <code>, variables <var>, user input <kbd> and terminal or other similar output
The NDC Conferences (Norwegian Developers Conference) are one of the world`s largest independent software conferences for .NET & Agile development. The conference covers everything you need to know within software development. The conferences are held each year in many places such as Oslo, Copenhagen, London, Sydney and Minnesota.
Update Conference Prague is the biggest developer conference in the Czech Republic. The conference is offering sessions delivered by the top experts from all around the world. Their goal is to inspire the attendees and enrich their knowledge.
Learn about Web Security from Troy Hunt. He is a really engaged speaker that frequently give talks on conferences around the world. Troy is a Microsoft MVP and you can even learn from him on some great courses on Pluralsight.
W3Schools.com is a great education Web Site for learning web technologies. On W3Schools you may find well organized basic to advanced tutorials and references.
Learn about Web Technologies and new trends from Scott Hanselman. Scott Hanselman is an author of developer books and he is an engaged speaker that usually talks about the Microsoft stack. You may meet Scott on conferences around the world.
DeveloperWeek is one of the world’s largest developer conferences. Developer Week focus on new dev technologies, the conference have talks and workshops for newbies and experienced audience. You can attend on a Developer Week conference different places in Nothern America.