Html Color Names

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>

Learn more about Html Colors HTML Colors Article

Supported Color Name Keywords

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

  

 


BACK TO TOP






Check this out

HTML: Headings

The HTML <h1>–<h6> elements are representing six separate levels of section headings. The highest section is level <h1> and the lowest section is <h6>. You co....

HTML: Lists

In HTML there are three different ways to define lists of information. All existing lists must contain at least one list element, but it can also contain multiple list elements.

HTML: Forms

The HTML <form> element is used to collect user input and post it back to the server.

The <form> is a block-level element and it defines an interactive part of a webpage. All controls inside the <form> will be posted back to th....

HTML: Paragraphs

The HTML <p> element defines a paragraph.

The paragraph tag places a blank line above and below the text.


BACK TO TOP
HTML is a markup language used to make web pages. HTML5 is the latest version of Hypertext Markup Language. The cornerstone technologies for a webpage are HTML, which provides the structure. Cascading Style Sheets (CSS), which take care of presentation. And JavaScript, which makes things happen.

Thanks to HTML5, web pages can now store data locally on the users browser, then you dont need to use HTTP cookies. Now content can be delivered faster and more securely. HTML5 has also made it easier to ensure consistency across all browsers. Since browsers have traditionally relied upon different plugins to play multimedia files, native support of video and audio allows developers to avoid compatibility issues. New attributes also allow for video controls including play, pause, and volume options.

HTML4 was the standard for about 15 years and many still use it, all browsers will continue to support it for a very long time. Likewise, older browsers can 'overlook' new HTML5 code while rendering content. Virtually all modern browsers support HTML5 specifications fairly well.

You can use HTML5test to run a test with your current browser to see what it scores in terms of HTML5 support.

BACK TO TOP

Need more Honney

NDC Conferences

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

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.

Troy Hunt

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

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.

Scott Hanselman

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.

Developer Week

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.


BACK TO TOP

Honneybag blog



Learn JavaScript Debugging

Searching for bugs and fixing them is called code debugging. The bugs might be difficult to diagnose and therefore it is important to have a good approach to find and fix the bugs effectively. Bugs in the code might be syntax errors or logical errors. Sometimes nothing happens when the code contains bugs and there is few indications where to search. Modern web browser includes a powerful suite of developer tools. The tools do a range of things...

Explore JavaScript Arrays

Arrays are frequently used by developers. Programming languages can have slightly different implementation of arrays. An array is an object that can store a collection of items. You may say it`s a special variable that can have more than one value. The array holds many values under a single name, and you may access the values by referring to an index number. The easiest way to create....

Ultimate Guide to HTML Colors

It is essential to give the user a good user experience. There are many things you should focus on, one of them is how you use colors on your website. We don't have to struggle with black and white TVs anymore. Users expect more and more and we can apply colors to everything we want. Texts, borders, backgrounds, shadows – in HTML they all can have whatever color you decide....

Wanna be a sheep? Check out the most popular subjects
HONNEYBAG BLOG
HTML FORMATTING
HONNEYBAGBLOG INSPIRE-AND-BE-INSPIRED
HTML ESSENTIALS
HONNEYBAGBLOG HOW-TO-USE-BROWSER-DEVELOPER-TOOLS
Wanna be a little different? Check out the less popular subjects
HONNEYBAG BLOGER
HTML INTRODUCTION
HTML INTRODUCTION
HTML ESSENTIALS
HTML ESSENTIALSWE
BACK TO TOP