Таблиця безпечних веб-кольорів
Привіт:) У цьому пості наведу таблицю безпечних веб-кольорів, які використовуються у веб-розробці та однаково коректно відображатимуться на всіх типах пристроїв, екранах та для всіх роздільних здатностей та браузерів.
| Назва кольору для HTML | Код для HTML | RGB |
|---|---|---|
Червоні |
||
| IndianRed | #cd5c5c | 205 92 92 |
| LightCoral | #f08080 | 240 128 128 |
| Salmon | #fa8072 | 250 128 114 |
| DarkSalmon | #e9967a | 233 150 122 |
| LightSalmon | #ffa07a | 255 160 122 |
| Crimson | #dc143c | 220 20 60 |
| Red | #ff0000 | 255 0 0 |
| FireBrick | #b22222 | 178 34 34 |
| DarkRed | #8b0000 | 139 0 0 |
Рожеві |
||
| Pink | #ffc0cb | 255 192 203 |
| LightPink | #ffb6c1 | 255 182 193 |
| HotPink | #ff69b4 | 255 105 180 |
| DeepPink | #ff1493 | 255 20 147 |
| MediumVioletRed | #c71585 | 199 21 133 |
| PaleVioletRed | #db7093 | 219 112 147 |
Оранжеві |
||
| LightSalmon | #ffa07a | 255 160 122 |
| Coral | #ff7f50 | 255 127 80 |
| Tomato | #ff6347 | 255 99 71 |
| OrangeRed | #ff4500 | 255 69 0 |
| DarkOrange | #ff8c00 | 255 140 0 |
| Orange | #ffa500 | 255 165 0 |
Жовті |
||
| Gold | #ffd700 | 255 215 0 |
| Yellow | #ffff00 | 255 255 0 |
| LightYellow | #ffffe0 | 255 255 224 |
| LemonChiffon | #fffacd | 255 250 205 |
| LightGoldenrodYellow | #fafad2 | 250 250 210 |
| PapayaWhip | #ffefd5 | 255 239 213 |
| Moccasin | #ffe4b5 | 255 228 181 |
| PeachPuff | #ffdab9 | 255 218 185 |
| PaleGoldenrod | #eee8aa | 238 232 170 |
| Khaki | #f0e68c | 240 230 140 |
| DarkKhaki | #bdb76b | 189 183 107 |
Фіолетові |
||
| Lavender | #e6e6fa | 230 230 250 |
| Thistle | #d8bfd8 | 216 191 216 |
| Plum | #dda0dd | 221 160 221 |
| Violet | #ee82ee | 238 130 238 |
| Orchid | #da70d6 | 218 112 214 |
| Fuchsia | #ff00ff | 255 0 255 |
| Magenta | #ff00ff | 255 0 255 |
| MediumOrchid | #ba55d3 | 186 85 211 |
| MediumPurple | #9370db | 147 112 219 |
| BlueViolet | #8a2be2 | 138 43 226 |
| DarkViolet | #9400d3 | 148 0 211 |
| DarkOrchid | #9932cc | 153 50 204 |
| DarkMagenta | #8b008b | 139 0 139 |
| Purple | #800080 | 128 0 128 |
| Indigo | #4b0082 | 75 0 130 |
| SlateBlue | #6a5acd | 106 90 205 |
| DarkSlateBlue | #483d8b | 72 61 139 |
Зелені |
||
| GreenYellow | #adff2f | 173 255 47 |
| Chartreuse | #7fff00 | 127 255 0 |
| LawnGreen | #7cfc00 | 124 252 0 |
| Lime | #00ff00 | 0 255 0 |
| LimeGreen | #32cd32 | 50 205 50 |
| PaleGreen | #98fb98 | 152 251 152 |
| LightGreen | #90ee90 | 144 238 144 |
| MediumSpringGreen | #00fa9a | 0 250 154 |
| SpringGreen | #00ff7f | 0 255 127 |
| MediumSeaGreen | #3cb371 | 60 179 113 |
| SeaGreen | #2e8b57 | 46 139 87 |
| ForestGreen | #228b22 | 34 139 34 |
| Green | #008000 | 0 128 0 |
| DarkGreen | #006400 | 0 100 0 |
| YellowGreen | #9acd32 | 154 205 50 |
| OliveDrab | #6b8e23 | 107 142 35 |
| Olive | #808000 | 128 128 0 |
| DarkOliveGreen | #556b2f | 85 107 47 |
| MediumAquamarine | #66cdaa | 102 205 170 |
| DarkSeaGreen | #8fbc8f | 143 188 143 |
| LightSeaGreen | #20b2aa | 32 178 170 |
| DarkCyan | #008b8b | 0 139 139 |
| Teal | #008080 | 0 128 128 |
Сині |
||
| Aqua | #00ffff | 0 255 255 |
| Cyan | #00ffff | 0 255 255 |
| LightCyan | #e0ffff | 224 255 255 |
| PaleTurquoise | #afeeee | 175 238 238 |
| Aquamarine | #7fffd4 | 127 255 212 |
| Turquoise | #40e0d0 | 64 224 208 |
| MediumTurquoise | #48d1cc | 72 209 204 |
| DarkTurquoise | #00ced1 | 0 206 209 |
| CadetBlue | #5f9ea0 | 95 158 160 |
| SteelBlue | #4682b4 | 70 130 180 |
| LightSteelBlue | #b0c4de | 176 196 222 |
| PowderBlue | #b0e0e6 | 176 224 230 |
| LightBlue | #add8e6 | 173 216 230 |
| SkyBlue | #87ceeb | 135 206 235 |
| LightSkyBlue | #87cefa | 135 206 250 |
| DeepSkyBlue | #00bfff | 0 191 255 |
| DodgerBlue | #1e90ff | 30 144 255 |
| CornflowerBlue | #6495ed | 100 149 237 |
| MediumSlateBlue | #7b68ee | 123 104 238 |
| RoyalBlue | #4169e1 | 65 105 225 |
| Blue | #0000ff | 0 0 255 |
| MediumBlue | #0000cd | 0 0 205 |
| DarkBlue | #00008b | 0 0 139 |
| Navy | #000080 | 0 0 128 |
| MidnightBlue | #191970 | 25 25 112 |
Коричневі |
||
| Cornsilk | #fff8dc | 255 248 220 |
| BlanchedAlmond | #ffebcd | 255 235 205 |
| Bisque | #ffe4c4 | 255 228 196 |
| NavajoWhite | #ffdead | 255 222 173 |
| Wheat | #f5deb3 | 245 222 179 |
| BurlyWood | #deb887 | 222 184 135 |
| Tan | #d2b48c | 210 180 140 |
| RosyBrown | #dc8f8f | 188 143 143 |
| SandyBrown | #f4a460 | 244 164 96 |
| Goldenrod | #daa520 | 218 165 32 |
| DarkGoldenrod | #b8860b | 184 134 11 |
| Peru | #cd853f | 205 133 63 |
| Chocolate | #d2691e | 210 105 30 |
| SaddleBrown | #8b4513 | 139 69 19 |
| Sienna | #a0522d | 160 82 45 |
| Brown | #a52a2a | 165 42 42 |
| Maroon | #800000 | 128 0 0 |
Білі |
||
| White | #ffffff | 255 255 255 |
| Snow | #fffafa | 255 250 250 |
| Honeydew | #f0fff0 | 240 255 240 |
| MintCream | #f5fffa | 245 255 250 |
| Azure | #f0ffff | 240 255 255 |
| AliceBlue | #f0f8ff | 240 248 255 |
| GhostWhite | #f8f8ff | 248 248 255 |
| WhiteSmoke | #f5f5f5 | 245 245 245 |
| Seashell | #fff5ee | 255 245 238 |
| Beige | #f5f5dc | 245 245 220 |
| OldLace | #fdf5e6 | 253 245 230 |
| FloralWhite | #fffaf0 | 255 250 240 |
| Ivory | #fffff0 | 255 255 240 |
| AntiqueWhite | #faebd7 | 250 235 215 |
| Linen | #faf0e6 | 250 240 230 |
| LavenderBlush | #fff0f5 | 255 240 245 |
| MistyRose | #ffe4e1 | 255 228 225 |
Сірі |
||
| Gainsboro | #dcdcdc | 220 220 220 |
| LightGrey | #d3d3d3 | 211 211 211 |
| Silver | #c0c0c0 | 192 192 192 |
| DarkGray | #a9a9a9 | 169 169 169 |
| Gray | #808080 | 128 128 128 |
| DimGray | #696969 | 105 105 105 |
| LightSlateGray | #778899 | 119 136 153 |
| SlateGray | #708090 | 112 128 144 |
| DarkSlateGray | #2f4f4f | 47 79 79 |
| Black | #000000 | 0 0 0 |
