Название | Демонстрация | Hex | RGB | CSS |
---|---|---|---|---|
Синие цвета | ||||
Navy | #000080 | 0.0.128 | .myTextByColorName {color: Navy;} .myBorderByHex {border: .2rem solid #000080} .myBackgroundByRgb {background-color: rgb(0,0,128);} | |
DarkBlue Темно-синий | #00008B | 0.0.139 | .myTextByColorName {color: DarkBlue;} .myBorderByHex {border: .2rem solid #00008B} .myBackgroundByRgb {background-color: rgb(0,0,139);} | |
MediumBlue | #0000CD | 0.0.205 | .myTextByColorName {color: MediumBlue;} .myBorderByHex {border: .2rem solid #0000CD} .myBackgroundByRgb {background-color: rgb(0,0,205);} | |
Blue Синий | #0000FF | 0.0.255 | .myTextByColorName {color: Blue;} .myBorderByHex {border: .2rem solid #0000FF} .myBackgroundByRgb {background-color: rgb(0,0,255);} | |
DeepSkyBlue Темно-синее небо | #00BFFF | 0.191.255 | .myTextByColorName {color: DeepSkyBlue;} .myBorderByHex {border: .2rem solid #00BFFF} .myBackgroundByRgb {background-color: rgb(0,191,255);} | |
DarkTurquoise Темно-бирюзовый | #00CED1 | 0.206.209 | .myTextByColorName {color: DarkTurquoise;} .myBorderByHex {border: .2rem solid #00CED1} .myBackgroundByRgb {background-color: rgb(0,206,209);} | |
Aqua | #00FFFF | 0.255.255 | .myTextByColorName {color: Aqua;} .myBorderByHex {border: .2rem solid #00FFFF} .myBackgroundByRgb {background-color: rgb(0,255,255);} | |
MidnightBlue | #191970 | 25.25.112 | .myTextByColorName {color: MidnightBlue;} .myBorderByHex {border: .2rem solid #191970} .myBackgroundByRgb {background-color: rgb(25,25,112);} | |
DodgerBlue | #1E90FF | 30.144.255 | .myTextByColorName {color: DodgerBlue;} .myBorderByHex {border: .2rem solid #1E90FF} .myBackgroundByRgb {background-color: rgb(30,144,255);} | |
Turquoise Бирюзовый | #40E0D0 | 64.224.208 | .myTextByColorName {color: Turquoise;} .myBorderByHex {border: .2rem solid #40E0D0} .myBackgroundByRgb {background-color: rgb(64,224,208);} | |
RoyalBlue | #4169E1 | 65.105.225 | .myTextByColorName {color: RoyalBlue;} .myBorderByHex {border: .2rem solid #4169E1} .myBackgroundByRgb {background-color: rgb(65,105,225);} | |
SteelBlue | #4682B4 | 70.130.180 | .myTextByColorName {color: SteelBlue;} .myBorderByHex {border: .2rem solid #4682B4} .myBackgroundByRgb {background-color: rgb(70,130,180);} | |
MediumTurquoise | #48D1CC | 72.209.204 | .myTextByColorName {color: MediumTurquoise;} .myBorderByHex {border: .2rem solid #48D1CC} .myBackgroundByRgb {background-color: rgb(72,209,204);} | |
CadetBlue | #5F9EA0 | 95.158.160 | .myTextByColorName {color: CadetBlue;} .myBorderByHex {border: .2rem solid #5F9EA0} .myBackgroundByRgb {background-color: rgb(95,158,160);} | |
CornflowerBlue | #6495ED | 100.149.237 | .myTextByColorName {color: CornflowerBlue;} .myBorderByHex {border: .2rem solid #6495ED} .myBackgroundByRgb {background-color: rgb(100,149,237);} | |
MediumSlateBlue | #7B68EE | 123.104.238 | .myTextByColorName {color: MediumSlateBlue;} .myBorderByHex {border: .2rem solid #7B68EE} .myBackgroundByRgb {background-color: rgb(123,104,238);} | |
Aquamarine Аквамариновый | #7FFFD4 | 127.255.212 | .myTextByColorName {color: Aquamarine;} .myBorderByHex {border: .2rem solid #7FFFD4} .myBackgroundByRgb {background-color: rgb(127,255,212);} | |
SkyBlue Цвет неба | #87CEEB | 135.206.235 | .myTextByColorName {color: SkyBlue;} .myBorderByHex {border: .2rem solid #87CEEB} .myBackgroundByRgb {background-color: rgb(135,206,235);} | |
LightSkyBlue Светло-синее небо | #87CEFA | 135.206.250 | .myTextByColorName {color: LightSkyBlue;} .myBorderByHex {border: .2rem solid #87CEFA} .myBackgroundByRgb {background-color: rgb(135,206,250);} | |
LightBlue Светло-голубой | #ADD8E6 | 173.216.230 | .myTextByColorName {color: LightBlue;} .myBorderByHex {border: .2rem solid #ADD8E6} .myBackgroundByRgb {background-color: rgb(173,216,230);} | |
PaleTurquoise | #AFEEEE | 175.238.238 | .myTextByColorName {color: PaleTurquoise;} .myBorderByHex {border: .2rem solid #AFEEEE} .myBackgroundByRgb {background-color: rgb(175,238,238);} | |
LightSteelBlue | #B0C4DE | 176.196.222 | .myTextByColorName {color: LightSteelBlue;} .myBorderByHex {border: .2rem solid #B0C4DE} .myBackgroundByRgb {background-color: rgb(176,196,222);} | |
PowderBlue | #B0E0E6 | 176.224.230 | .myTextByColorName {color: PowderBlue;} .myBorderByHex {border: .2rem solid #B0E0E6} .myBackgroundByRgb {background-color: rgb(176,224,230);} | |
LightCyan | #E0FFFF | 224.255.255 | .myTextByColorName {color: LightCyan;} .myBorderByHex {border: .2rem solid #E0FFFF} .myBackgroundByRgb {background-color: rgb(224,255,255);} | |
Коричневые цвета | ||||
Maroon Каштановый | #800000 | 128.0.0 | .myTextByColorName {color: Maroon;} .myBorderByHex {border: .2rem solid #800000} .myBackgroundByRgb {background-color: rgb(128,0,0);} | |
SaddleBrown Цвет седла | #8B4513 | 139.69.19 | .myTextByColorName {color: SaddleBrown;} .myBorderByHex {border: .2rem solid #8B4513} .myBackgroundByRgb {background-color: rgb(139,69,19);} | |
Sienna | #A0522D | 160.82.45 | .myTextByColorName {color: Sienna;} .myBorderByHex {border: .2rem solid #A0522D} .myBackgroundByRgb {background-color: rgb(160,82,45);} | |
Brown Коричневый | #A52A2A | 165.42.42 | .myTextByColorName {color: Brown;} .myBorderByHex {border: .2rem solid #A52A2A} .myBackgroundByRgb {background-color: rgb(165,42,42);} | |
DarkGoldenrod | #B8860B | 184.134.11 | .myTextByColorName {color: DarkGoldenrod;} .myBorderByHex {border: .2rem solid #B8860B} .myBackgroundByRgb {background-color: rgb(184,134,11);} | |
RosyBrown Розовато-коричневый | #BC8F8F | 188.143.143 | .myTextByColorName {color: RosyBrown;} .myBorderByHex {border: .2rem solid #BC8F8F} .myBackgroundByRgb {background-color: rgb(188,143,143);} | |
Peru | #CD853F | 205.133.63 | .myTextByColorName {color: Peru;} .myBorderByHex {border: .2rem solid #CD853F} .myBackgroundByRgb {background-color: rgb(205,133,63);} | |
Chocolate Шоколадный | #D2691E | 210.105.30 | .myTextByColorName {color: Chocolate;} .myBorderByHex {border: .2rem solid #D2691E} .myBackgroundByRgb {background-color: rgb(210,105,30);} | |
Tan Цвет загара | #D2B48C | 210.180.140 | .myTextByColorName {color: Tan;} .myBorderByHex {border: .2rem solid #D2B48C} .myBackgroundByRgb {background-color: rgb(210,180,140);} | |
Goldenrod | #DAA520 | 218.165.32 | .myTextByColorName {color: Goldenrod;} .myBorderByHex {border: .2rem solid #DAA520} .myBackgroundByRgb {background-color: rgb(218,165,32);} | |
BurlyWood | #DEB887 | 222.184.135 | .myTextByColorName {color: BurlyWood;} .myBorderByHex {border: .2rem solid #DEB887} .myBackgroundByRgb {background-color: rgb(222,184,135);} | |
SandyBrown Песчано-коричневый | #F4A460 | 244.164.96 | .myTextByColorName {color: SandyBrown;} .myBorderByHex {border: .2rem solid #F4A460} .myBackgroundByRgb {background-color: rgb(244,164,96);} | |
Wheat | #F5DEB3 | 245.222.179 | .myTextByColorName {color: Wheat;} .myBorderByHex {border: .2rem solid #F5DEB3} .myBackgroundByRgb {background-color: rgb(245,222,179);} | |
NavajoWhite | #FFDEAD | 255.222.173 | .myTextByColorName {color: NavajoWhite;} .myBorderByHex {border: .2rem solid #FFDEAD} .myBackgroundByRgb {background-color: rgb(255,222,173);} | |
Bisque | #FFE4C4 | 255.228.196 | .myTextByColorName {color: Bisque;} .myBorderByHex {border: .2rem solid #FFE4C4} .myBackgroundByRgb {background-color: rgb(255,228,196);} | |
BlanchedAlmond | #FFEBCD | 255.235.205 | .myTextByColorName {color: BlanchedAlmond;} .myBorderByHex {border: .2rem solid #FFEBCD} .myBackgroundByRgb {background-color: rgb(255,235,205);} | |
Cornsilk | #FFF8DC | 255.248.220 | .myTextByColorName {color: Cornsilk;} .myBorderByHex {border: .2rem solid #FFF8DC} .myBackgroundByRgb {background-color: rgb(255,248,220);} | |
Серые цвета | ||||
Black Черный | #000000 | 0.0.0 | .myTextByColorName {color: Black;} .myBorderByHex {border: .2rem solid #000000} .myBackgroundByRgb {background-color: rgb(0,0,0);} | |
DarkSlateGray Темный шифер | #2F4F4F | 47.79.79 | .myTextByColorName {color: DarkSlateGray;} .myBorderByHex {border: .2rem solid #2F4F4F} .myBackgroundByRgb {background-color: rgb(47,79,79);} | |
DimGray Тусклый серый | #696969 | 105.105.105 | .myTextByColorName {color: DimGray;} .myBorderByHex {border: .2rem solid #696969} .myBackgroundByRgb {background-color: rgb(105,105,105);} | |
SlateGray Шифер | #708090 | 112.128.144 | .myTextByColorName {color: SlateGray;} .myBorderByHex {border: .2rem solid #708090} .myBackgroundByRgb {background-color: rgb(112,128,144);} | |
LightSlateGray Светлый шифер | #778899 | 119.136.153 | .myTextByColorName {color: LightSlateGray;} .myBorderByHex {border: .2rem solid #778899} .myBackgroundByRgb {background-color: rgb(119,136,153);} | |
Gray Серый | #808080 | 128.128.128 | .myTextByColorName {color: Gray;} .myBorderByHex {border: .2rem solid #808080} .myBackgroundByRgb {background-color: rgb(128,128,128);} | |
DarkGray Темно-серый | #A9A9A9 | 169.169.169 | .myTextByColorName {color: DarkGray;} .myBorderByHex {border: .2rem solid #A9A9A9} .myBackgroundByRgb {background-color: rgb(169,169,169);} | |
Silver Серебристый | #C0C0C0 | 192.192.192 | .myTextByColorName {color: Silver;} .myBorderByHex {border: .2rem solid #C0C0C0} .myBackgroundByRgb {background-color: rgb(192,192,192);} | |
LightGray Светло-серый | #D3D3D3 | 211.211.211 | .myTextByColorName {color: LightGray;} .myBorderByHex {border: .2rem solid #D3D3D3} .myBackgroundByRgb {background-color: rgb(211,211,211);} | |
Gainsboro | #DCDCDC | 220.220.220 | .myTextByColorName {color: Gainsboro;} .myBorderByHex {border: .2rem solid #DCDCDC} .myBackgroundByRgb {background-color: rgb(220,220,220);} | |
Зелёные цвета | ||||
DarkGreen Темно-зеленый | #006400 | 0.100.0 | .myTextByColorName {color: DarkGreen;} .myBorderByHex {border: .2rem solid #006400} .myBackgroundByRgb {background-color: rgb(0,100,0);} | |
Green Зеленый | #008000 | 0.128.0 | .myTextByColorName {color: Green;} .myBorderByHex {border: .2rem solid #008000} .myBackgroundByRgb {background-color: rgb(0,128,0);} | |
Teal | #008080 | 0.128.128 | .myTextByColorName {color: Teal;} .myBorderByHex {border: .2rem solid #008080} .myBackgroundByRgb {background-color: rgb(0,128,128);} | |
DarkCyan | #008B8B | 0.139.139 | .myTextByColorName {color: DarkCyan;} .myBorderByHex {border: .2rem solid #008B8B} .myBackgroundByRgb {background-color: rgb(0,139,139);} | |
MediumSpringGreen | #00FA9A | 0.250.154 | .myTextByColorName {color: MediumSpringGreen;} .myBorderByHex {border: .2rem solid #00FA9A} .myBackgroundByRgb {background-color: rgb(0,250,154);} | |
Lime Лайм | #00FF00 | 0.255.0 | .myTextByColorName {color: Lime;} .myBorderByHex {border: .2rem solid #00FF00} .myBackgroundByRgb {background-color: rgb(0,255,0);} | |
SpringGreen Весенний | #00FF7F | 0.255.127 | .myTextByColorName {color: SpringGreen;} .myBorderByHex {border: .2rem solid #00FF7F} .myBackgroundByRgb {background-color: rgb(0,255,127);} | |
LightSeaGreen Морской светло-зеленый | #20B2AA | 32.178.170 | .myTextByColorName {color: LightSeaGreen;} .myBorderByHex {border: .2rem solid #20B2AA} .myBackgroundByRgb {background-color: rgb(32,178,170);} | |
ForestGreen Лесной | #228B22 | 34.139.34 | .myTextByColorName {color: ForestGreen;} .myBorderByHex {border: .2rem solid #228B22} .myBackgroundByRgb {background-color: rgb(34,139,34);} | |
SeaGreen Морской зеленый | #2E8B57 | 46.139.87 | .myTextByColorName {color: SeaGreen;} .myBorderByHex {border: .2rem solid #2E8B57} .myBackgroundByRgb {background-color: rgb(46,139,87);} | |
LimeGreen Зеленый лайм | #32CD32 | 50.205.50 | .myTextByColorName {color: LimeGreen;} .myBorderByHex {border: .2rem solid #32CD32} .myBackgroundByRgb {background-color: rgb(50,205,50);} | |
MediumSeaGreen | #3CB371 | 60.179.113 | .myTextByColorName {color: MediumSeaGreen;} .myBorderByHex {border: .2rem solid #3CB371} .myBackgroundByRgb {background-color: rgb(60,179,113);} | |
DarkOliveGreen Оливковый темно-зеленый | #556B2F | 85.107.47 | .myTextByColorName {color: DarkOliveGreen;} .myBorderByHex {border: .2rem solid #556B2F} .myBackgroundByRgb {background-color: rgb(85,107,47);} | |
MediumAquamarine | #66CDAA | 102.205.170 | .myTextByColorName {color: MediumAquamarine;} .myBorderByHex {border: .2rem solid #66CDAA} .myBackgroundByRgb {background-color: rgb(102,205,170);} | |
OliveDrab | #6B8E23 | 107.142.35 | .myTextByColorName {color: OliveDrab;} .myBorderByHex {border: .2rem solid #6B8E23} .myBackgroundByRgb {background-color: rgb(107,142,35);} | |
LawnGreen | #7CFC00 | 124.252.0 | .myTextByColorName {color: LawnGreen;} .myBorderByHex {border: .2rem solid #7CFC00} .myBackgroundByRgb {background-color: rgb(124,252,0);} | |
Chartreuse | #7FFF00 | 127.255.0 | .myTextByColorName {color: Chartreuse;} .myBorderByHex {border: .2rem solid #7FFF00} .myBackgroundByRgb {background-color: rgb(127,255,0);} | |
Olive Оливковый | #808000 | 128.128.0 | .myTextByColorName {color: Olive;} .myBorderByHex {border: .2rem solid #808000} .myBackgroundByRgb {background-color: rgb(128,128,0);} | |
DarkSeaGreen Морской темно-зеленый | #8FBC8F | 143.188.143 | .myTextByColorName {color: DarkSeaGreen;} .myBorderByHex {border: .2rem solid #8FBC8F} .myBackgroundByRgb {background-color: rgb(143,188,143);} | |
LightGreen Светло-зеленый | #90EE90 | 144.238.144 | .myTextByColorName {color: LightGreen;} .myBorderByHex {border: .2rem solid #90EE90} .myBackgroundByRgb {background-color: rgb(144,238,144);} | |
PaleGreen Тускло-зеленый | #98FB98 | 152.251.152 | .myTextByColorName {color: PaleGreen;} .myBorderByHex {border: .2rem solid #98FB98} .myBackgroundByRgb {background-color: rgb(152,251,152);} | |
YellowGreen Желто-зеленый | #9ACD32 | 154.205.50 | .myTextByColorName {color: YellowGreen;} .myBorderByHex {border: .2rem solid #9ACD32} .myBackgroundByRgb {background-color: rgb(154,205,50);} | |
GreenYellow Зелено-желтый | #ADFF2F | 173.255.47 | .myTextByColorName {color: GreenYellow;} .myBorderByHex {border: .2rem solid #ADFF2F} .myBackgroundByRgb {background-color: rgb(173,255,47);} | |
Оранжевые цвета | ||||
OrangeRed Оранжево-красный | #FF4500 | 255.69.0 | .myTextByColorName {color: OrangeRed;} .myBorderByHex {border: .2rem solid #FF4500} .myBackgroundByRgb {background-color: rgb(255,69,0);} | |
Tomato Томатный | #FF6347 | 255.99.71 | .myTextByColorName {color: Tomato;} .myBorderByHex {border: .2rem solid #FF6347} .myBackgroundByRgb {background-color: rgb(255,99,71);} | |
Coral Коралловый | #FF7F50 | 255.127.80 | .myTextByColorName {color: Coral;} .myBorderByHex {border: .2rem solid #FF7F50} .myBackgroundByRgb {background-color: rgb(255,127,80);} | |
DarkOrange Темно-оранжевый | #FF8C00 | 255.140.0 | .myTextByColorName {color: DarkOrange;} .myBorderByHex {border: .2rem solid #FF8C00} .myBackgroundByRgb {background-color: rgb(255,140,0);} | |
Orange Оранжевый | #FFA500 | 255.165.0 | .myTextByColorName {color: Orange;} .myBorderByHex {border: .2rem solid #FFA500} .myBackgroundByRgb {background-color: rgb(255,165,0);} | |
Розовые цвета | ||||
MediumVioletRed Фиолетово-красный | #C71585 | 199.21.133 | .myTextByColorName {color: MediumVioletRed;} .myBorderByHex {border: .2rem solid #C71585} .myBackgroundByRgb {background-color: rgb(199,21,133);} | |
PaleVioletRed Тускло-розовый | #DB7093 | 219.112.147 | .myTextByColorName {color: PaleVioletRed;} .myBorderByHex {border: .2rem solid #DB7093} .myBackgroundByRgb {background-color: rgb(219,112,147);} | |
DeepPink Насыщенный розовый | #FF1493 | 255.20.147 | .myTextByColorName {color: DeepPink;} .myBorderByHex {border: .2rem solid #FF1493} .myBackgroundByRgb {background-color: rgb(255,20,147);} | |
HotPink Теплый розовый | #FF69B4 | 255.105.180 | .myTextByColorName {color: HotPink;} .myBorderByHex {border: .2rem solid #FF69B4} .myBackgroundByRgb {background-color: rgb(255,105,180);} | |
LightPink Светло-розовый | #FFB6C1 | 255.182.193 | .myTextByColorName {color: LightPink;} .myBorderByHex {border: .2rem solid #FFB6C1} .myBackgroundByRgb {background-color: rgb(255,182,193);} | |
Pink Розовый | #FFC0CB | 255.192.203 | .myTextByColorName {color: Pink;} .myBorderByHex {border: .2rem solid #FFC0CB} .myBackgroundByRgb {background-color: rgb(255,192,203);} | |
Красные цвета | ||||
DarkRed | #8B0000 | 139.0.0 | .myTextByColorName {color: DarkRed;} .myBorderByHex {border: .2rem solid #8B0000} .myBackgroundByRgb {background-color: rgb(139,0,0);} | |
FireBrick | #B22222 | 178.34.34 | .myTextByColorName {color: FireBrick;} .myBorderByHex {border: .2rem solid #B22222} .myBackgroundByRgb {background-color: rgb(178,34,34);} | |
IndianRed | #CD5C5C | 205.92.92 | .myTextByColorName {color: IndianRed;} .myBorderByHex {border: .2rem solid #CD5C5C} .myBackgroundByRgb {background-color: rgb(205,92,92);} | |
Crimson | #DC143C | 220.20.60 | .myTextByColorName {color: Crimson;} .myBorderByHex {border: .2rem solid #DC143C} .myBackgroundByRgb {background-color: rgb(220,20,60);} | |
DarkSalmon | #E9967A | 233.150.122 | .myTextByColorName {color: DarkSalmon;} .myBorderByHex {border: .2rem solid #E9967A} .myBackgroundByRgb {background-color: rgb(233,150,122);} | |
LightCoral | #F08080 | 240.128.128 | .myTextByColorName {color: LightCoral;} .myBorderByHex {border: .2rem solid #F08080} .myBackgroundByRgb {background-color: rgb(240,128,128);} | |
Salmon | #FA8072 | 250.128.114 | .myTextByColorName {color: Salmon;} .myBorderByHex {border: .2rem solid #FA8072} .myBackgroundByRgb {background-color: rgb(250,128,114);} | |
Red | #FF0000 | 255.0.0 | .myTextByColorName {color: Red;} .myBorderByHex {border: .2rem solid #FF0000} .myBackgroundByRgb {background-color: rgb(255,0,0);} | |
LightSalmon | #FFA07A | 255.160.122 | .myTextByColorName {color: LightSalmon;} .myBorderByHex {border: .2rem solid #FFA07A} .myBackgroundByRgb {background-color: rgb(255,160,122);} | |
Фиолетовые цвета | ||||
DarkSlateBlue Темно-синий шифер | #483D8B | 72.61.139 | .myTextByColorName {color: DarkSlateBlue;} .myBorderByHex {border: .2rem solid #483D8B} .myBackgroundByRgb {background-color: rgb(72,61,139);} | |
Indigo | #4B0082 | 75.0.130 | .myTextByColorName {color: Indigo;} .myBorderByHex {border: .2rem solid #4B0082} .myBackgroundByRgb {background-color: rgb(75,0,130);} | |
SlateBlue Синий шифер | #6A5ACD | 106.90.205 | .myTextByColorName {color: SlateBlue;} .myBorderByHex {border: .2rem solid #6A5ACD} .myBackgroundByRgb {background-color: rgb(106,90,205);} | |
Purple | #800080 | 128.0.128 | .myTextByColorName {color: Purple;} .myBorderByHex {border: .2rem solid #800080} .myBackgroundByRgb {background-color: rgb(128,0,128);} | |
BlueViolet Сине-феолетовый | #8A2BE2 | 138.43.226 | .myTextByColorName {color: BlueViolet;} .myBorderByHex {border: .2rem solid #8A2BE2} .myBackgroundByRgb {background-color: rgb(138,43,226);} | |
DarkMagenta | #8B008B | 139.0.139 | .myTextByColorName {color: DarkMagenta;} .myBorderByHex {border: .2rem solid #8B008B} .myBackgroundByRgb {background-color: rgb(139,0,139);} | |
MediumPurple | #9370DB | 147.112.219 | .myTextByColorName {color: MediumPurple;} .myBorderByHex {border: .2rem solid #9370DB} .myBackgroundByRgb {background-color: rgb(147,112,219);} | |
DarkViolet Темно-фиолетовый | #9400D3 | 148.0.211 | .myTextByColorName {color: DarkViolet;} .myBorderByHex {border: .2rem solid #9400D3} .myBackgroundByRgb {background-color: rgb(148,0,211);} | |
DarkOrchid | #9932CC | 153.50.204 | .myTextByColorName {color: DarkOrchid;} .myBorderByHex {border: .2rem solid #9932CC} .myBackgroundByRgb {background-color: rgb(153,50,204);} | |
MediumOrchid | #BA55D3 | 186.85.211 | .myTextByColorName {color: MediumOrchid;} .myBorderByHex {border: .2rem solid #BA55D3} .myBackgroundByRgb {background-color: rgb(186,85,211);} | |
Thistle | #D8BFD8 | 216.191.216 | .myTextByColorName {color: Thistle;} .myBorderByHex {border: .2rem solid #D8BFD8} .myBackgroundByRgb {background-color: rgb(216,191,216);} | |
Orchid | #DA70D6 | 218.112.214 | .myTextByColorName {color: Orchid;} .myBorderByHex {border: .2rem solid #DA70D6} .myBackgroundByRgb {background-color: rgb(218,112,214);} | |
Plum | #DDA0DD | 221.160.221 | .myTextByColorName {color: Plum;} .myBorderByHex {border: .2rem solid #DDA0DD} .myBackgroundByRgb {background-color: rgb(221,160,221);} | |
Lavender | #E6E6FA | 230.230.250 | .myTextByColorName {color: Lavender;} .myBorderByHex {border: .2rem solid #E6E6FA} .myBackgroundByRgb {background-color: rgb(230,230,250);} | |
Violet Фиолетовый | #EE82EE | 238.130.238 | .myTextByColorName {color: Violet;} .myBorderByHex {border: .2rem solid #EE82EE} .myBackgroundByRgb {background-color: rgb(238,130,238);} | |
Fuchsia(Magenta) | #FF00FF | 255.0.255 | .myTextByColorName {color: Fuchsia(Magenta);} .myBorderByHex {border: .2rem solid #FF00FF} .myBackgroundByRgb {background-color: rgb(255,0,255);} | |
Белые цвета | ||||
AliceBlue | #F0F8FF | 240.248.255 | .myTextByColorName {color: AliceBlue;} .myBorderByHex {border: .2rem solid #F0F8FF} .myBackgroundByRgb {background-color: rgb(240,248,255);} | |
Honeydew | #F0FFF0 | 240.255.240 | .myTextByColorName {color: Honeydew;} .myBorderByHex {border: .2rem solid #F0FFF0} .myBackgroundByRgb {background-color: rgb(240,255,240);} | |
Azure | #F0FFFF | 240.255.255 | .myTextByColorName {color: Azure;} .myBorderByHex {border: .2rem solid #F0FFFF} .myBackgroundByRgb {background-color: rgb(240,255,255);} | |
Beige | #F5F5DC | 245.245.220 | .myTextByColorName {color: Beige;} .myBorderByHex {border: .2rem solid #F5F5DC} .myBackgroundByRgb {background-color: rgb(245,245,220);} | |
WhiteSmoke | #F5F5F5 | 245.245.245 | .myTextByColorName {color: WhiteSmoke;} .myBorderByHex {border: .2rem solid #F5F5F5} .myBackgroundByRgb {background-color: rgb(245,245,245);} | |
MintCream | #F5FFFA | 245.255.250 | .myTextByColorName {color: MintCream;} .myBorderByHex {border: .2rem solid #F5FFFA} .myBackgroundByRgb {background-color: rgb(245,255,250);} | |
GhostWhite | #F8F8FF | 248.248.255 | .myTextByColorName {color: GhostWhite;} .myBorderByHex {border: .2rem solid #F8F8FF} .myBackgroundByRgb {background-color: rgb(248,248,255);} | |
AntiqueWhite | #FAEBD7 | 250.235.215 | .myTextByColorName {color: AntiqueWhite;} .myBorderByHex {border: .2rem solid #FAEBD7} .myBackgroundByRgb {background-color: rgb(250,235,215);} | |
Linen | #FAF0E6 | 250.240.230 | .myTextByColorName {color: Linen;} .myBorderByHex {border: .2rem solid #FAF0E6} .myBackgroundByRgb {background-color: rgb(250,240,230);} | |
OldLace | #FDF5E6 | 253.245.230 | .myTextByColorName {color: OldLace;} .myBorderByHex {border: .2rem solid #FDF5E6} .myBackgroundByRgb {background-color: rgb(253,245,230);} | |
MistyRose | #FFE4E1 | 255.228.225 | .myTextByColorName {color: MistyRose;} .myBorderByHex {border: .2rem solid #FFE4E1} .myBackgroundByRgb {background-color: rgb(255,228,225);} | |
LavenderBlush | #FFF0F5 | 255.240.245 | .myTextByColorName {color: LavenderBlush;} .myBorderByHex {border: .2rem solid #FFF0F5} .myBackgroundByRgb {background-color: rgb(255,240,245);} | |
Seashell | #FFF5EE | 255.245.238 | .myTextByColorName {color: Seashell;} .myBorderByHex {border: .2rem solid #FFF5EE} .myBackgroundByRgb {background-color: rgb(255,245,238);} | |
FloralWhite | #FFFAF0 | 255.250.240 | .myTextByColorName {color: FloralWhite;} .myBorderByHex {border: .2rem solid #FFFAF0} .myBackgroundByRgb {background-color: rgb(255,250,240);} | |
Snow | #FFFAFA | 255.250.250 | .myTextByColorName {color: Snow;} .myBorderByHex {border: .2rem solid #FFFAFA} .myBackgroundByRgb {background-color: rgb(255,250,250);} | |
Ivory | #FFFFF0 | 255.255.240 | .myTextByColorName {color: Ivory;} .myBorderByHex {border: .2rem solid #FFFFF0} .myBackgroundByRgb {background-color: rgb(255,255,240);} | |
White | #FFFFFF | 255.255.255 | .myTextByColorName {color: White;} .myBorderByHex {border: .2rem solid #FFFFFF} .myBackgroundByRgb {background-color: rgb(255,255,255);} | |
Жёлтые цвета | ||||
DarkKhaki Хаки темный | #BDB76B | 189.183.107 | .myTextByColorName {color: DarkKhaki;} .myBorderByHex {border: .2rem solid #BDB76B} .myBackgroundByRgb {background-color: rgb(189,183,107);} | |
PaleGoldenrod Тускло-золотой | #EEE8AA | 238.232.170 | .myTextByColorName {color: PaleGoldenrod;} .myBorderByHex {border: .2rem solid #EEE8AA} .myBackgroundByRgb {background-color: rgb(238,232,170);} | |
Khaki Хаки | #F0E68C | 240.230.140 | .myTextByColorName {color: Khaki;} .myBorderByHex {border: .2rem solid #F0E68C} .myBackgroundByRgb {background-color: rgb(240,230,140);} | |
LightGoldenrodYellow Светло-золотистый | #FAFAD2 | 250.250.210 | .myTextByColorName {color: LightGoldenrodYellow;} .myBorderByHex {border: .2rem solid #FAFAD2} .myBackgroundByRgb {background-color: rgb(250,250,210);} | |
Gold Золотой | #FFD700 | 255.215.0 | .myTextByColorName {color: Gold;} .myBorderByHex {border: .2rem solid #FFD700} .myBackgroundByRgb {background-color: rgb(255,215,0);} | |
PeachPuff | #FFDAB9 | 255.218.185 | .myTextByColorName {color: PeachPuff;} .myBorderByHex {border: .2rem solid #FFDAB9} .myBackgroundByRgb {background-color: rgb(255,218,185);} | |
Moccasin | #FFE4B5 | 255.228.181 | .myTextByColorName {color: Moccasin;} .myBorderByHex {border: .2rem solid #FFE4B5} .myBackgroundByRgb {background-color: rgb(255,228,181);} | |
PapayaWhip Папайя | #FFEFD5 | 255.239.213 | .myTextByColorName {color: PapayaWhip;} .myBorderByHex {border: .2rem solid #FFEFD5} .myBackgroundByRgb {background-color: rgb(255,239,213);} | |
LemonChiffon Лимонный шифон | #FFFACD | 255.250.205 | .myTextByColorName {color: LemonChiffon;} .myBorderByHex {border: .2rem solid #FFFACD} .myBackgroundByRgb {background-color: rgb(255,250,205);} | |
Yellow Желтый | #FFFF00 | 255.255.0 | .myTextByColorName {color: Yellow;} .myBorderByHex {border: .2rem solid #FFFF00} .myBackgroundByRgb {background-color: rgb(255,255,0);} | |
LightYellow Светло-желтый | #FFFFE0 | 255.255.224 | .myTextByColorName {color: LightYellow;} .myBorderByHex {border: .2rem solid #FFFFE0} .myBackgroundByRgb {background-color: rgb(255,255,224);} |