HTML Colors – Names

 

The X-11 Color Set


There are two ways to put colors in HTML documents. One is to insert color code and the second is to insert color name. About the color codes I wrote a previous article and this one  it will handle the color names. In a file .html you can enter a line that defines a color as follows:

EX:

<font color=#FF00FF> <b> text </ b> </ font>

or

<font color=magenta> <b> text </ b> </ font>

which as shown in the note is the same

<font color=fuchsia> <b> text </ b> <font> tags

Following the example above you can “color” used in the html page.The following table shows the so-called “color” set of X11 colors “and includes a range of colors and color names that are associated with the color.

  • Notes:
  • Fuchsia is the same color code as Magenta
  • Aqua has the same color code as Cyan
  • Lightgrey is written with an “e”, grays others are written with “a”
  • Darkgray is actually easier than Gray
  • Lightpink is actually darker than pink

 

Color Color Name RGB Value
LightPink #FFB6C1
Pink #FFC0CB
Crimson #DC143C
LavenderBlush #FFF0F5
PaleVioletRed #DB7093
HotPink #FF69B4
DeepPink #FF1493
MediumVioletRed #C71585
Orchid #DA70D6
Thistle #D8BFD8
Plum #DDA0DD
Violet #EE82EE
Magenta #FF00FF
Fuchsia #FF00FF
DarkMagenta #8B008B
Purple #800080
MediumOrchid #BA55D3
DarkViolet #9400D3
DarkOrchid #9932CC
Indigo #4B0082
BlueViolet #8A2BE2
MediumPurple #9370DB
MediumSlateBlue #7B68EE
SlateBlue #6A5ACD
DarkSlateBlue #483D8B
Lavender #E6E6FA
GhostWhite #F8F8FF
Blue #0000FF
MediumBlue #0000CD
MidnightBlue #191970
DarkBlue #00008B
Navy #000080
RoyalBlue #4169E1
CornflowerBlue #6495ED
LightSteelBlue #B0C4DE
LightSlateGray #778899
SlateGray #708090
DodgerBlue #1E90FF
AliceBlue #F0F8FF
SteelBlue #4682B4
LightSkyBlue #87CEFA
SkyBlue #87CEEB
DeepSkyBlue #00BFFF
LightBlue #ADD8E6
PowderBlue #B0E0E6
CadetBlue #5F9EA0
Azure #F0FFFF
LightCyan #E0FFFF
PaleTurquoise #AFEEEE
Cyan #00FFFF
Aqua #00FFFF
DarkTurquoise #00CED1
DarkSlateGray #2F4F4F
DarkCyan #008B8B
Teal #008080
MediumTurquoise #48D1CC
LightSeaGreen #20B2AA
Turquoise #40E0D0
Aquamarine #7FFFD4
MediumAquamarine #66CDAA
MediumSpringGreen #00FA9A
MintCream #F5FFFA
SpringGreen #00FF7F
MediumSeaGreen #3CB371
SeaGreen #2E8B57
Honeydew #F0FFF0
LightGreen #90EE90
PaleGreen #98FB98
DarkSeaGreen #8FBC8F
LimeGreen #32CD32
Lime #00FF00
ForestGreen #228B22
Green #008000
DarkGreen #006400
Chartreuse #7FFF00
LawnGreen #7CFC00
GreenYellow #ADFF2F
DarkOliveGreen #556B2F
YellowGreen #9ACD32
OliveDrab #6B8E23
Beige #F5F5DC
LightGoldenrodYellow #FAFAD2
Ivory #FFFFF0
LightYellow #FFFFE0
Yellow #FFFF00
Olive #808000
DarkKhaki #BDB76B
LemonChiffon #FFFACD
PaleGoldenrod #EEE8AA
Khaki #F0E68C
Gold #FFD700
Cornsilk #FFF8DC
Goldenrod #DAA520
DarkGoldenrod #B8860B
FloralWhite #FFFAF0
OldLace #FDF5E6
Wheat #F5DEB3
Moccasin #FFE4B5
Orange #FFA500
PapayaWhip #FFEFD5
BlanchedAlmond #FFEBCD
NavajoWhite #FFDEAD
AntiqueWhite #FAEBD7
Tan #D2B48C
BurlyWood #DEB887
Bisque #FFE4C4
DarkOrange #FF8C00
Linen #FAF0E6
Peru #CD853F
PeachPuff #FFDAB9
SandyBrown #F4A460
Chocolate #D2691E
SaddleBrown #8B4513
Seashell #FFF5EE
Sienna #A0522D
LightSalmon #FFA07A
Coral #FF7F50
OrangeRed #FF4500
DarkSalmon #E9967A
Tomato #FF6347
MistyRose #FFE4E1
Salmon #FA8072
Snow #FFFAFA
LightCoral #F08080
RosyBrown #BC8F8F
IndianRed #CD5C5C
Red #FF0000
Brown #A52A2A
FireBrick #B22222
DarkRed #8B0000
Maroon #800000
White #FFFFFF
WhiteSmoke #F5F5F5
Gainsboro #DCDCDC
LightGrey #D3D3D3
Silver #C0C0C0
DarkGray #A9A9A9
Gray #808080
DimGray #696969
Black #000000


 

Download Details

Permanent link to this article: https://www.xenno.org/294/html-colors-names/

21 comments

Skip to comment form

  1. This really is some thing I must find more information about, many thanks for the blog post.

  2. I was honestly amazed with how well this blog was done, beautiful layout, professional writing, great job! 🙂

  3. very nice publish, i certainly love this website, carry on it

  4. Whats up ! Love your ; thanks for sharing it with everyone

  5. I think your blog need a new wordpress template. Downalod it from http://templates.wordpressguru.in, The site has nice and unique wordpress templates.

  6. I love your point of view and seems like I’m not the only one.

  7. I am not sure where you’re getting your info, but great topic. I needs to spend some time learning more or understanding more. Thanks for magnificent info I was looking for this info for my mission.

  8. Aw, this was a very nice post. In concept I want to put in writing like this additionally – taking time and actual effort to make an excellent article… however what can I say… I procrastinate alot and under no circumstances appear to get one thing done.

  9. Just found this website love it.

  10. An attention-grabbing dialogue is price comment. I believe that you should write more on this topic, it may not be a taboo subject however usually people are not sufficient to speak on such topics. To the next. Cheers

  11. Hm, I am ok with this however not fully confident, so i’m gonna research a little bit more.

  12. Helpful related information! I have been hunting for anything like this for a time finally. With thanks!

  13. Well, it’s excellent, but think about additional options we’ve got here? Do you mind crafting another article regarding all of them as well? Kudos!

  14. I just found your blog whilst searching on google and read this post and some of your additional pages as well! Continue to keep up the good work, I have bookmarked your website! 🙂

  15. Everyone loves what you guys are up too. This kind of clever work and exposure! Keep up the amazing works guys I’ve you guys to blogroll.

  16. Hmm it appears like your blog ate my first comment (it was extremely long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly enjoying your blog. I too am an aspiring blog blogger but I’m still new to the whole thing. Do you have any tips for beginner blog writers? I’d really appreciate it.

  17. Hm, I’m just happy with this however not utterly convinced, hence i am gonna research even more.

  18. This was a good post. In theory I’d like to write like this too, taking time and real effort to make a good article… but what can I say… I procrastinate a lot and never seem to get something done

  19. I don’t normally comment on blogs.. But nice post! I just bookmarked your site

  20. Well, this is excellent, but what about the other choices we have here? Would you mind making another article about them also? Thanks!

  21. Very helpful resource. I am constantly looking for color codes and you’ve highlighted some really good info here. Thank you!

Leave a Reply

Your email address will not be published.

CAPTCHA *

This site uses Akismet to reduce spam. Learn how your comment data is processed.