HTML цвета по категориям
Подробную информацию об использовании цветов в HTML и CSS, способах указания цвета с помощью шестнадцатеричных значений, значений цвета RGB, RGBA, HSL, HSLA и с помощью предопределённых цветов, вы сможете найти в следующих статьях учебников:
Конвертер цветов
Конвертер цветов позволяет преобразовать (конвертировать) RGB цвета (аббревиатура английских слов red, green, blue — красный, зелёный, синий) в шестнадцатеричные (HEX) значения, RGB цвета в формат HSL (от англ. hue, saturation, lightness (intensity) - тон, насыщенность и осветленность) и обратно HEX значения в RGB и HSL цвета.
Предопределенные имена цветов
Красные
| Имя цвета | HEX | RGB |
| IndianRed |
#CD5C5C |
rgb(205, 92, 92) |
| LightCoral |
#F08080 |
rgb(240, 128, 128) |
| Salmon |
#FA8072 |
rgb(250, 128, 114) |
| DarkSalmon |
#E9967A |
rgb(233, 150, 122) |
| LightSalmon |
#FFA07A |
rgb(255, 160, 122) |
| Crimson |
#DC143C |
rgb(220, 20, 60) |
| Red |
#FF0000 |
rgb(255, 0, 0) |
| FireBrick |
#B22222 |
rgb(178, 34, 34) |
| DarkRed |
#8B0000 |
rgb(139, 0, 0) |
Жёлтые
| Имя цвета | HEX | RGB |
| Gold |
#FFD700 |
rgb(255, 215, 0) |
| Yellow |
#FFFF00 |
rgb(255, 255, 0) |
| LightYellow |
#FFFFE0 |
rgb(255, 255, 224) |
| LemonChiffon |
#FFFACD |
rgb(255, 250, 205) |
| LightGoldenrodYellow |
#FAFAD2 |
rgb(250, 250, 210) |
| PapayaWhip |
#FFEFD5 |
rgb(255, 239, 213) |
| Moccasin |
#FFE4B5 |
rgb(255, 228, 181) |
| PeachPuff |
#FFDAB9 |
rgb(255, 218, 185) |
| PaleGoldenrod |
#EEE8AA |
rgb(238, 232, 170) |
| Khaki |
#F0E68C |
rgb(240, 230, 140) |
| DarkKhaki |
#BDB76B |
rgb(189, 183, 107) |
Оранжевые
| Имя цвета | HEX | RGB |
| Coral |
#FF7F50 |
rgb(255, 127, 80) |
| Tomato |
#FF6347 |
rgb(255, 99, 71) |
| OrangeRed |
#FF4500 |
rgb(255, 69, 0) |
| DarkOrange |
#FF8C00 |
rgb(255, 140, 0) |
| Orange |
#FFA500 |
rgb(255, 165, 0) |
Розовые
| Имя цвета | HEX | RGB |
| Pink |
#FFC0CB |
rgb(255, 192, 203) |
| LightPink |
#FFB6C1 |
rgb(255, 182, 193) |
| HotPink |
#FF69B4 |
rgb(255, 105, 180) |
| DeepPink |
#FF1493 |
rgb(255, 20, 147) |
| MediumVioletRed |
#C71585 |
rgb(199, 21, 133) |
| PaleVioletRed |
#DB7093 |
rgb(219, 112, 147) |
Фиолетовые
| Имя цвета | HEX | RGB |
| Lavender |
#E6E6FA |
rgb(230, 230, 250) |
| Thistle |
#D8BFD8 |
rgb(216, 191, 216) |
| Plum |
#DDA0DD |
rgb(221, 160, 221) |
| Violet |
#EE82EE |
rgb(238, 130, 238) |
| Orchid |
#DA70D6 |
rgb(218, 112, 214) |
| Fuchsia(Magenta) |
#FF00FF |
rgb(255, 0, 255) |
| MediumOrchid |
#BA55D3 |
rgb(186, 85, 211) |
| MediumPurple |
#9370DB |
rgb(147, 112, 219) |
| BlueViolet |
#8A2BE2 |
rgb(138, 43, 226) |
| DarkViolet |
#9400D3 |
rgb(148, 0, 211) |
| DarkOrchid |
#9932CC |
rgb(153, 50, 204) |
| DarkMagenta |
#8B008B |
rgb(139, 0, 139) |
| Purple |
#800080 |
rgb(128, 0, 128) |
| Indigo |
#4B0082 |
rgb(75, 0, 130) |
| SlateBlue |
#6A5ACD |
rgb(106, 90, 205) |
| DarkSlateBlue |
#483D8B |
rgb(72, 61, 139) |
Коричневые
| Имя цвета | HEX | RGB |
| Cornsilk |
#FFF8DC |
rgb(255, 248, 220) |
| BlanchedAlmond |
#FFEBCD |
rgb(255, 235, 205) |
| Bisque |
#FFE4C4 |
rgb(255, 228, 196) |
| NavajoWhite |
#FFDEAD |
rgb(255, 222, 173) |
| Wheat |
#F5DEB3 |
rgb(245, 222, 179) |
| BurlyWood |
#DEB887 |
rgb(222, 184, 135) |
| Tan |
#D2B48C |
rgb(210, 180, 140) |
| RosyBrown |
#BC8F8F |
rgb(188, 143, 143) |
| SandyBrown |
#F4A460 |
rgb(244, 164, 96) |
| Goldenrod |
#DAA520 |
rgb(218, 165, 32) |
| DarkGoldenrod |
#B8860B |
rgb(184, 134, 11) |
| Peru |
#CD853F |
rgb(205, 133, 63) |
| Chocolate |
#D2691E |
rgb(210, 105, 30) |
| SaddleBrown |
#8B4513 |
rgb(139, 69, 19) |
| Sienna |
#A0522D |
rgb(160, 82, 45) |
| Brown |
#A52A2A |
rgb(165, 42, 42) |
| Maroon |
#800000 |
rgb(128, 0, 0) |
Синие
| Имя цвета | HEX | RGB |
| Aqua(Cyan) |
#00FFFF |
rgb(0, 255, 255) |
| LightCyan |
#E0FFFF |
rgb(224, 255, 255) |
| PaleTurquoise |
#AFEEEE |
rgb(175, 238, 238) |
| Aquamarine |
#7FFFD4 |
rgb(127, 255, 212) |
| Turquoise |
#40E0D0 |
rgb(64, 224, 208) |
| MediumTurquoise |
#48D1CC |
rgb(72, 209, 204) |
| DarkTurquoise |
#00CED1 |
rgb(0, 206, 209) |
| CadetBlue |
#5F9EA0 |
rgb(95, 158, 160) |
| SteelBlue |
#4682B4 |
rgb(70, 130, 180) |
| LightSteelBlue |
#B0C4DE |
rgb(176, 196, 222) |
| PowderBlue |
#B0E0E6 |
rgb(176, 224, 230) |
| LightBlue |
#ADD8E6 |
rgb(173, 216, 230) |
| SkyBlue |
#87CEEB |
rgb(135, 206, 235) |
| LightSkyBlue |
#87CEFA |
rgb(135, 206, 250) |
| DeepSkyBlue |
#00BFFF |
rgb(0, 191, 255) |
| DodgerBlue |
#1E90FF |
rgb(30, 144, 255) |
| CornflowerBlue |
#6495ED |
rgb(100, 149, 237) |
| MediumSlateBlue |
#7B68EE |
rgb(123, 104, 238) |
| RoyalBlue |
#4169E1 |
rgb(65, 105, 225) |
| Blue |
#0000FF |
rgb(0, 0, 255) |
| MediumBlue |
#0000CD |
rgb(0, 0, 205) |
| DarkBlue |
#00008B |
rgb(0, 0, 139) |
| Navy |
#000080 |
rgb(0, 0, 128) |
| MidnightBlue |
#191970 |
rgb(25, 25, 112) |
| Имя цвета | HEX | RGB |
Зелёные
| GreenYellow |
#ADFF2F |
rgb(173, 255, 47) |
| Chartreuse |
#7FFF00 |
rgb(127, 255, 0) |
| LawnGreen |
#7CFC00 |
rgb(124, 252, 0) |
| Lime |
#00FF00 |
rgb(0, 255, 0) |
| LimeGreen |
#32CD32 |
rgb(50, 205, 50) |
| PaleGreen |
#98FB98 |
rgb(152, 251, 152) |
| LightGreen |
#90EE90 |
rgb(144, 238, 144) |
| MediumSpringGreen |
#00FA9A |
rgb(0, 250, 154) |
| SpringGreen |
#00FF7F |
rgb(0, 255, 127) |
| MediumSeaGreen |
#3CB371 |
rgb(60, 179, 113) |
| SeaGreen |
#2E8B57 |
rgb(46, 139, 87) |
| ForestGreen |
#228B22 |
rgb(34, 139, 34) |
| Green |
#008000 |
rgb(0, 128, 0) |
| DarkGreen |
#006400 |
rgb(0, 100, 0) |
| YellowGreen |
#9ACD32 |
rgb(154, 205, 50) |
| OliveDrab |
#6B8E23 |
rgb(107, 142, 35) |
| Olive |
#808000 |
rgb(128, 128, 0) |
| DarkOliveGreen |
#556B2F |
rgb(85, 107, 47) |
| MediumAquamarine |
#66CDAA |
rgb(102, 205, 170) |
| DarkSeaGreen |
#8FBC8F |
rgb(143, 188, 143) |
| LightSeaGreen |
#20B2AA |
rgb(32, 178, 170) |
| DarkCyan |
#008B8B |
rgb(0, 139, 139) |
| Teal |
#008080 |
rgb(0, 128, 128) |
Белые
| Имя цвета | HEX | RGB |
| White |
#FFFFFF |
rgb(255, 255, 255) |
| Snow |
#FFFAFA |
rgb(255, 250, 250) |
| Honeydew |
#F0FFF0 |
rgb(240, 255, 240) |
| MintCream |
#F5FFFA |
rgb(245, 255, 250) |
| Azure |
#F0FFFF |
rgb(240, 255, 255) |
| AliceBlue |
#F0F8FF |
rgb(240, 248, 255) |
| GhostWhite |
#F8F8FF |
rgb(248, 248, 255) |
| WhiteSmoke |
#F5F5F5 |
rgb(245, 245, 245) |
| Seashell |
#FFF5EE |
rgb(255, 245, 238) |
| Beige |
#F5F5DC |
rgb(245, 245, 220) |
| OldLace |
#FDF5E6 |
rgb(253, 245, 230) |
| FloralWhite |
#FFFAF0 |
rgb(255, 250, 240) |
| Ivory |
#FFFFF0 |
rgb(255, 255, 240) |
| AntiqueWhite |
#FAEBD7 |
rgb(250, 235, 215) |
| Linen |
#FAF0E6 |
rgb(250, 240, 230) |
| LavenderBlush |
#FFF0F5 |
rgb(255, 240, 245) |
| MistyRose |
#FFE4E1 |
rgb(255, 228, 225) |
Серые
| Имя цвета | HEX | RGB |
| Gainsboro | #DCDCDC | (220, 220, 220) |
| LightGray |
#D3D3D3 |
rgb(211, 211, 211) |
| Silver |
#C0C0C0 |
rgb(192, 192, 192) |
| DarkGray |
#A9A9A9 |
rgb(169, 169, 169) |
| Gray |
#808080 |
rgb(128, 128, 128) |
| DimGray |
#696969 |
rgb(105, 105, 105) |
| LightSlateGray |
#778899 |
rgb(119, 136, 153) |
| SlateGray |
#708090 |
rgb(112, 128, 144) |
| DarkSlateGray |
#2F4F4F |
rgb(47, 79, 79) |
| Black |
#000000 |
rgb(0, 0, 0) |