HTML Layout - Useful Tips CREATED BY =JAY-AR SIMON SEBASTIAN

Start from the beginning
                                        

Shades of Gray

Gray colors are created by using an equal amount of power to all of the light sources.

To make it easier for you to select the correct shade, we have created a table of gray shades for you:

Gray ShadesColor HEXColor RGB   #000000  rgb(0,0,0)    #080808  rgb(8,8,8)    #101010  rgb(16,16,16)    #181818  rgb(24,24,24)    #202020  rgb(32,32,32)    #282828  rgb(40,40,40)    #303030  rgb(48,48,48)    #383838  rgb(56,56,56)    #404040  rgb(64,64,64)    #484848  rgb(72,72,72)    #505050  rgb(80,80,80)    #585858  rgb(88,88,88)    #606060  rgb(96,96,96)    #686868  rgb(104,104,104)    #707070  rgb(112,112,112)    #787878  rgb(120,120,120)    #808080  rgb(128,128,128)    #888888  rgb(136,136,136)    #909090  rgb(144,144,144)    #989898  rgb(152,152,152)    #A0A0A0  rgb(160,160,160)    #A8A8A8  rgb(168,168,168)    #B0B0B0  rgb(176,176,176)    #B8B8B8  rgb(184,184,184)    #C0C0C0  rgb(192,192,192)    #C8C8C8  rgb(200,200,200)    #D0D0D0  rgb(208,208,208)    #D8D8D8  rgb(216,216,216)    #E0E0E0  rgb(224,224,224)    #E8E8E8  rgb(232,232,232)    #F0F0F0  rgb(240,240,240)    #F8F8F8  rgb(248,248,248)    #FFFFFF  rgb(255,255,255) 

Web Safe Colors?

Some years ago, when computers supported max 256 different colors, a list of 216 "Web Safe Colors" was suggested as a Web standard, reserving 40 fixed system colors.

The 216 cross-browser color palette was created to ensure that all computers would display the colors correctly when running a 256 color palette.

This is not important today, since most computers can display millions of different colors. Anyway, here is the list:

000000 000033 000066 000099 0000CC 0000FF 003300 003333 003366 003399 0033CC 0033FF 006600 006633 006666 006699 0066CC 0066FF 009900 009933 009966 009999 0099CC 0099FF 00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF 00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF 330000 330033 330066 330099 3300CC 3300FF 333300 333333 333366 333399 3333CC 3333FF 336600 336633 336666 336699 3366CC 3366FF 339900 339933 339966 339999 3399CC 3399FF 33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF 33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF 660000 660033 660066 660099 6600CC 6600FF 663300 663333 663366 663399 6633CC 6633FF 666600 666633 666666 666699 6666CC 6666FF 669900 669933 669966 669999 6699CC 6699FF 66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF 66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF 990000 990033 990066 990099 9900CC 9900FF 993300 993333 993366 993399 9933CC 9933FF 996600 996633 996666 996699 9966CC 9966FF 999900 999933 999966 999999 9999CC 9999FF 99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF 99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

147 color names are defined in the HTML and CSS color specification (17 standard colors plus 130 more). The table below lists them all, along with their hexadecimal values.

 Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

Click on a color name (or a hex value) to view the color as the background-color along with different text colors:

Sorted by Color Name

Same list sorted by hex values

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

You've reached the end of published parts.

⏰ Last updated: Dec 13, 2014 ⏰

Add this story to your Library to get notified about new parts!

HTML Layout - Useful Tips  CREATED BY =JAY-AR SIMON SEBASTIANWhere stories live. Discover now