Skip to content

Instantly share code, notes, and snippets.

@tamboer
Created February 13, 2014 09:58
Show Gist options
  • Select an option

  • Save tamboer/8972550 to your computer and use it in GitHub Desktop.

Select an option

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