Created
February 13, 2014 09:58
-
-
Save tamboer/8972550 to your computer and use it in GitHub Desktop.
css colours
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*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