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: Colors

HTML colors are specified using defined color name keywords or RGB, HEX, HSL, RGBA, HSLA values. Color Hue is another word for color.

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 ....

HTML: Formatting Text

To be able to format text elements it's good to be familiar with the options available for setting the textformat in HTML and XHTML.
The formatting elements are designed and used to display various types of text:

HTML: Id

The HTML <id> attribute defines a unique id for an HTML element. The id must be unique within the HTML document.

You can use the <id> to select the HTML element, then you can read or manipulate the element with CSS and JavaScript.

HTML: Tables

The element HTML <table> is being used to represent table data. Table data is information that we can present in a two-dimensional table. Such a table consists of a number of rows and a number of columns of cells containing data.


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
JAVASCRIPT ESSENTIALS
HONNEYBAGBLOG EXPLORE-JAVASCRIPT-ARRAYS
Wanna be a little different? Check out the less popular subjects
HONNEYBAG BLOGER
HTML INTRODUCTION
HTML INTRODUCTION
HTML ESSENTIALS
HTML ESSENTIALSWE
BACK TO TOP