Таблица «безопасных» цветов
У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!
Таблица «безопасных» цветов
При создании изображения для публикации в сети главной проблемой является правильная передача цвета на разных типах мониторов и в разных браузерах. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов. В результате пользователь на своем экране может увидеть совсем не то, что хотел изобразить автор.
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.
Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов. Эти цвета везде будут отображаться без искажений.
Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 00, 33, 66, 99, CC, FF. Над каждым цветом указаны значения RGB (для создания цвета в графическом редакторе или задания в CSS).
| FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 | |
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 |
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 |
| FFCC99 | FF9966 | FF6600 | CC6633 | 993300 | 660000 |
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 |
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0033 | CC0033 |
| CC9999 | CC6666 | CC3333 | 993333 | 990033 | 330000 |
| FF6699 | FF0066 | CC3366 | 996666 | 663333 | |
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 |
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 |
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 |
| CC99CC | CC66CC | CC00CC | CC33CC | 990099 | 993399 |
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 |
| CC99FF | 9933CC | 9933FF | 9900FF | 660099 | 663366 |
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 |
| CCCCFF | 9999FF | 6633FF | 6600FF | 330099 | 330066 |
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 |
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 |
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 |
| 0066FF | 0066CC | 3366CC | 0033FF | 003399 | 003366 |
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 |
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 |
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 |
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC |
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 |
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 |
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 |
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 |
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 |
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 |
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 |
| CCFF99 | 99FF66 | 66CC00 | 66CC33 | 669933 | 336600 |
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 |
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 |
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 |
Смотрите также:
htmlweb.ru
Таблица цветов интернета для сайта. Таблица безопасных цветов.
Существуют несколько основных способов представления цветов в вебе.
1.В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
- две первые цифры — красный
- две в середине — зелёный
- две последние цифры — синий
Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.
2.Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.
3.В виде rgb (*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.
| Название | Цвет | RGB | Код |
|---|---|---|---|
| aliceblue | aliceblue | 240, 248, 255 | #f0f8ff |
| antiquewhite | antiquewhite | 250, 235, 215 | #faebd7 |
| aqua | aqua | 0, 255, 255 | #00ffff |
| aquamarine | aquamarine | 127, 255, 212 | #7fffd4 |
| azure | azure | 240, 255, 255 | #f0ffff |
| beige | beige | 245, 245, 220 | #f5f5dc |
| bisque | bisque | 255, 228, 196 | #ffe4c4 |
| black | black | 0, 0, 0 | #000000 |
| blanchedalmond | blanchedalmond | 255, 235, 205 | #ffebcd |
| blue | blue | 0, 0, 255 | #0000ff |
| blueviolet | blueviolet | 138, 43, 226 | #8a2be2 |
| brown | brown | 165, 42, 42 | #a52a2a |
| burlywood | burlyw |
seoklub.ru
Палитра web-цветов для сайта
Ниже представлена таблица безопасных цветов интернета, которые рекомендуют для экранного дизайна. Так же как и в полиграфии, в веб-дизайне есть требования к используемым цветам.
При оформления в интернете главная задача — это корректная передача цветов для разных мониторов и типов компьютеров, для различных браузеров. Если браузер не не может по каким-то причинам передать указанный цвет, он подбирает похожий либо смешивает несколько рядом стоящих цветов. Именно поэтому согласованный дизайн иногда может визуально отличаться для разных пользователей при просмотреть веб-сайта.
Цвета из нижепредставленной палитры всегда будут отображаться браузером без искажений. Любой из этих цветов можно использовать для оформления сайта и его элеменотов: для графики, текста и фонов.
Над каждым цветом указано его значение в RGB (для создания цвета в графическом редакторе).
Если вы хотите «поиграть с цветами», попробовать различные сочетания, подобрать оттенки — рекомендуем вам зайти на сайт http://colorschemedesigner.com.
| Написание | Цвет | R G B | Код для HTML |
| Snow | Snow | 255 250 250 | #FFFAFA |
| GhostWhite | GhostWhite | 248 248 255 | #F8F8FF |
| WhiteSmoke | WhiteSmoke | 245 245 245 | #F5F5F5 |
| Gainsboro | Gainsboro | 220 220 220 | #DCDCDC |
| FloralWhite | FloralWhite | 255 250 240 | #FFFAF0 |
| OldLace | OldLace | 253 245 230 | #FDF5E6 |
| Linen | Linen | 250 240 230 | #FAF0E6 |
| AntiqueWhite | AntiqueWhite | 250 235 215 | #FAEBD7 |
| PapayaWhip | PapayaWhip | 255 239 213 | #FFEFD5 |
| BlanchedAlmond | BlanchedAlmond | 255 235 205 | #FFEBCD |
| Bisque | Bisque | 255 228 196 | #FFE4C4 |
| PeachPuff | PeachPuff | 255 218 185 | #FFDAB9 |
| NavajoWhite | NavajoWhite | 255 222 173 | #FFDEAD |
| Moccasin | Moccasin | 255 228 181 | #FFE4B5 |
| Cornsilk | Cornsilk | 255 248 220 | #FFF8DC |
| Ivory | Ivory | 255 255 240 | #FFFFF0 |
| LemonChiffon | LemonChiffon | 255 250 205 | #FFFACD |
| Seashell | Seashell | 255 245 238 | #FFF5EE |
| Honeydew | Honeydew | 240 255 240 | #F0FFF0 |
| MintCream | MintCream | 245 255 250 | #F5FFFA |
| Azure | Azure | 240 255 255 | #F0FFFF |
| AliceBlue | AliceBlue | 240 248 255 | #F0F8FF |
| lavender | lavender | 230 230 250 | #E6E6FA |
| LavenderBlush | LavenderBlush | 255 240 245 | #FFF0F5 |
| MistyRose | MistyRose | 255 228 225 | #FFE4E1 |
| White | White | 255 255 255 | #FFFFFF |
| Black | Black | 0 0 0 | #000000 |
| DarkSlateGray | DarkSlateGray | 47 79 79 | #2F4F4F |
| DimGrey | DimGrey | 105 105 105 | #696969 |
| SlateGrey | SlateGrey | 112 128 144 | #708090 |
| LightSlateGray | LightSlateGray | 119 136 153 | #778899 |
| Grey | Grey | 190 190 190 | #BEBEBE |
| LightGray | LightGray | 211 211 211 | #D3D3D3 |
| MidnightBlue | MidnightBlue | 25 25 112 | #191970 |
| NavyBlue | NavyBlue | 0 0 128 | #000080 |
| CornflowerBlue | CornflowerBlue | 100 149 237 | #6495ED |
| DarkSlateBlue | DarkSlateBlue | 72 61 139 | #483D8B |
| SlateBlue | SlateBlue | 106 90 205 | #6A5ACD |
| MediumSlateBlue | MediumSlateBlue | 123 104 238 | #7B68EE |
| LightSlateBlue | LightSlateBlue | 132 112 255 | #8470FF |
| MediumBlue | MediumBlue | 0 0 205 | #0000CD |
| RoyalBlue | RoyalBlue | 65 105 225 | #4169E1 |
| Blue | Blue | 0 0 255 | #0000FF |
| DodgerBlue | DodgerBlue | 30 144 255 | #1E90FF |
| DeepSkyBlue | DeepSkyBlue | 0 191 255 | #00BFFF |
| SkyBlue | SkyBlue | 135 206 235 | #87CEEB |
| LightSkyBlue | LightSkyBlue | 135 206 250 | #87CEFA |
| SteelBlue | SteelBlue | 70 130 180 | #4682B4 |
| LightSteelBlue | LightSteelBlue | 176 196 222 | #B0C4DE |
| LightBlue | LightBlue | 173 216 230 | #ADD8E6 |
| PowderBlue | PowderBlue | 176 224 230 | #B0E0E6 |
| PaleTurquoise | PaleTurquoise | 175 238 238 | #AFEEEE |
| DarkTurquoise | DarkTurquoise | 0 206 209 | #00CED1 |
| MediumTurquoise | MediumTurquoise | 72 209 204 | #48D1CC |
| Turquoise | Turquoise | 64 224 208 | #40E0D0 |
| Cyan | Cyan | 0 255 255 | #00FFFF |
| LightCyan | LightCyan | 224 255 255 | #E0FFFF |
| CadetBlue | CadetBlue | 95 158 160 | #5F9EA0 |
| MediumAquamarine | MediumAquamarine | 102 205 170 | #66CDAA |
| Aquamarine | Aquamarine | 127 255 212 | #7FFFD4 |
| DarkGreen | DarkGreen | 0 100 0 | #006400 |
| DarkOliveGreen | DarkOliveGreen | 85 107 47 | #556B2F |
| DarkSeaGreen | DarkSeaGreen | 143 188 143 | #8FBC8F |
| SeaGreen | SeaGreen | 46 139 87 | #2E8B57 |
| MediumSeaGreen | MediumSeaGreen | 60 179 113 | #3CB371 |
| LightSeaGreen | LightSeaGreen | 32 178 170 | #20B2AA |
| PaleGreen | PaleGreen | 152 251 152 | #98FB98 |
| SpringGreen | SpringGreen | 0 255 127 | #00FF7F |
| LawnGreen | LawnGreen | 124 252 0 | #7CFC00 |
| Green | Green | 0 255 0 | #00FF00 |
| Chartreuse | Chartreuse | 127 255 0 | #7FFF00 |
| MedSpringGreen | MedSpringGreen | 0 250 154 | #00FA9A |
| GreenYellow | GreenYellow | 173 255 47 | #ADFF2F |
| LimeGreen | LimeGreen | 50 205 50 | #32CD32 |
| YellowGreen | YellowGreen | 154 205 50 | #9ACD32 |
| ForestGreen | ForestGreen | 34 139 34 | #228B22 |
| OliveDrab | OliveDrab | 107 142 35 | #6B8E23 |
| DarkKhaki | DarkKhaki | 189 183 107 | #BDB76B |
| PaleGoldenrod | PaleGoldenrod | 238 232 170 | #EEE8AA |
| LtGoldenrodYello | LtGoldenrodYello | 250 250 210 | #FAFAD2 |
| LightYellow | LightYellow | 255 255 224 | #FFFFE0 |
| Yellow | Yellow | 255 255 0 | #FFFF00 |
| Gold | Gold | 255 215 0 | #FFD700 |
| LightGoldenrod | LightGoldenrod | 238 221 130 | #EEDD82 |
| goldenrod | goldenrod | 218 165 32 | #DAA520 |
| DarkGoldenrod | DarkGoldenrod | 184 134 11 | #B8860B |
| RosyBrown | RosyBrown | 188 143 143 | #BC8F8F |
| IndianRed | IndianRed | 205 92 92 | #CD5C5C |
| SaddleBrown | SaddleBrown | 139 69 19 | #8B4513 |
| Sienna | Sienna | 160 82 45 | #A0522D |
| Peru | Peru | 205 133 63 | #CD853F |
| Burlywood | Burlywood | 222 184 135 | #DEB887 |
| Beige | Beige | 245 245 220 | #F5F5DC |
| Wheat | Wheat | 245 222 179 | #F5DEB3 |
| SandyBrown | SandyBrown | 244 164 96 | #F4A460 |
| Tan | Tan | 210 180 140 | #D2B48C |
| Chocolate | Chocolate | 210 105 30 | #D2691E |
| Firebrick | Firebrick | 178 34 34 | #B22222 |
| Brown | Brown | 165 42 42 | #A52A2A |
| DarkSalmon | DarkSalmon | 233 150 122 | #E9967A |
| Salmon | Salmon | 250 128 114 | #FA8072 |
| LightSalmon | LightSalmon | 255 160 122 | #FFA07A |
| Orange | Orange | 255 165 0 | #FFA500 |
| DarkOrange | DarkOrange | 255 140 0 | #FF8C00 |
| Coral | Coral | 255 127 80 | #FF7F50 |
| LightCoral | LightCoral | 240 128 128 | #F08080 |
| Tomato | Tomato | 255 99 71 | #FF6347 |
| OrangeRed | OrangeRed | 255 69 0 | #FF4500 |
| Red | Red | 255 0 0 | #FF0000 |
| HotPink | HotPink | 255 105 180 | #FF69B4 |
| DeepPink | DeepPink | 255 20 147 | #FF1493 |
| Pink | Pink | 255 192 203 | #FFC0CB |
| LightPink | LightPink | 255 182 193 | #FFB6C1 |
| PaleVioletRed | PaleVioletRed | 219 112 147 | #DB7093 |
| Maroon | Maroon | 176 48 96 | #B03060 |
| MediumVioletRed | MediumVioletRed | 199 21 133 | #C71585 |
| VioletRed | VioletRed | 208 32 144 | #D02090 |
| Magenta | Magenta | 255 0 255 | #FF00FF |
| Violet | Violet | 238 130 238 | #EE82EE |
| Plum | Plum | 221 160 221 | #DDA0DD |
| Orchid | Orchid | 218 112 214 | #DA70D6 |
| MediumOrchid | MediumOrchid | 186 85 211 | #BA55D3 |
| DarkOrchid | DarkOrchid | 153 50 204 | #9932CC |
| DarkViolet | DarkViolet | 148 0 211 | #9400D3 |
| BlueViolet | BlueViolet | 138 43 226 | #8A2BE2 |
| Purple | Purple | 160 32 240 | #A020F0 |
| MediumPurple | MediumPurple | 147 112 219 | #9370DB |
| Thistle | Thistle | 216 191 216 | #D8BFD8 |
| Snow1 | Snow1 | 255 250 250 | #FFFAFA |
| Snow2 | Snow2 | 238 233 233 | #EEE9E9 |
| Snow3 | Snow3 | 205 201 201 | #CDC9C9 |
| Snow4 | Snow4 | 139 137 137 | #8B8989 |
| Seashell1 | Seashell1 | 255 245 238 | #FFF5EE |
| Seashell2 | Seashell2 | 238 229 222 | #EEE5DE |
| Seashell3 | Seashell3 | 205 197 191 | #CDC5BF |
| Seashell4 | Seashell4 | 139 134 130 | #8B8682 |
| AntiqueWhite1 | AntiqueWhite1 | 255 239 219 | #FFEFDB |
| AntiqueWhite2 | AntiqueWhite2 | 238 223 204 | #EEDFCC |
| AntiqueWhite3 | AntiqueWhite3 | 205 192 176 | #CDC0B0 |
| AntiqueWhite4 | AntiqueWhite4 | 139 131 120 | #8B8378 |
| Bisque1 | Bisque1 | 255 228 196 | #FFE4C4 |
| Bisque2 | Bisque2 | 238 213 183 | #EED5B7 |
| Bisque3 | Bisque3 | 205 183 158 | #CDB79E |
| Bisque4 | Bisque4 | 139 125 107 | #8B7D6B |
| PeachPuff1 | PeachPuff1 | 255 218 185 | #FFDAB9 |
| PeachPuff2 | PeachPuff2 | 238 203 173 | #EECBAD |
| PeachPuff3 | PeachPuff3 | 205 175 149 | #CDAF95 |
| PeachPuff4 | PeachPuff4 | 139 119 101 | #8B7765 |
| NavajoWhite1 | NavajoWhite1 | 255 222 173 | #FFDEAD |
| NavajoWhite2 | NavajoWhite2 | 238 207 161 | #EECFA1 |
| NavajoWhite3 | NavajoWhite3 | 205 179 139 | #CDB38B |
| NavajoWhite4 | NavajoWhite4 | 139 121 94 | #8B795E |
| LemonChiffon1 | LemonChiffon1 | 255 250 205 | #FFFACD |
| LemonChiffon2 | LemonChiffon2 | 238 233 191 | #EEE9BF |
| LemonChiffon3 | LemonChiffon3 | 205 201 165 | #CDC9A5 |
| LemonChiffon4 | LemonChiffon4 | 139 137 112 | #8B8970 |
| Cornsilk1 | Cornsilk1 | 255 248 220 | #FFF8DC |
| Cornsilk2 | Cornsilk2 | 238 232 205 | #EEE8CD |
| Cornsilk3 | Cornsilk3 | 205 200 177 | #CDC8B1 |
| Cornsilk4 | Cornsilk4 | 139 136 120 | #8B8878 |
| vory1 | Ivory1 | 255 255 240 | #FFFFF0 |
| vory2 | Ivory2 | 238 238 224 | #EEEEE0 |
| Ivory3 | Ivory3 | 205 205 193 | #CDCDC1 |
| Ivory4 | Ivory4 | 139 139 131 | #8B8B83 |
| Honeydew1 | Honeydew1 | 240 255 240 | #F0FFF0 |
| Honeydew2 | Honeydew2 | 224 238 224 | #E0EEE0 |
| Honeydew3 | Honeydew3 | 193 205 193 | #C1CDC1 |
| Honeydew4 | Honeydew4 | 131 139 131 | #838B83 |
| LavenderBlush2 | LavenderBlush2 | 255 240 245 | #FFF0F5 |
| LavenderBlush3 | LavenderBlush3 | 238 224 229 | #EEE0E5 |
| LavenderBlush4 | LavenderBlush4 | 205 193 197 | #CDC1C5 |
| LavenderBlush5 | LavenderBlush5 | 139 131 134 | #8B8386 |
| MistyRose1 | MistyRose1 | 255 228 225 | #FFE4E1 |
| MistyRose2 | MistyRose2 | 238 213 210 | #EED5D2 |
| MistyRose3 | MistyRose3 | 205 183 181 | #CDB7B5 |
| MistyRose4 | MistyRose4 | 139 125 123 | #8B7D7B |
| Azure1 | Azure1 | 240 255 255 | #F0FFFF |
| Azure2 | Azure2 | 224 238 238 | #E0EEEE |
| Azure3 | Azure3 | 193 205 205 | #C1CDCD |
| Azure4 | Azure4 |
www.kasper.by
Все цвета Интернета
При создании изображения для публикации в Сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает другой цвет или смешивает несколько соседних цветов (dithering). Иногда цвет может быть заменен на что-то совершенно неподходящее.
При использовании цветов из этой палитры вы можете быть уверены в том, что каждый цвет будет передан правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.
Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.
Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).
| 255.255.204 | 255.255.153 | 255.255.102 | 255.255.51 | 255.255.0 | 204.204.0 |
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
| 255.204.102 | 255.204.0 | 255.204.51 | 204.153.0 | 204.153.51 | 153.102.0 |
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 |
| 255.153.0 | 255.153.51 | 204.153.102 | 204.102.0 | 153.102.51 | 102.51.0 |
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 |
| 255.204.153 | 255.153.102 | 255.102.0 | 204.102.51 | 153.51.0 | 102.0.0 |
| FFCC99 | FF9966 | FF6600 | CC6633 | 993300 | 660000 |
| 255.102.51 | 204.51.0 | 255.51.0 | 255.0.0 | 204.0.0 | 153.0.0 |
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 |
| 255.204.204 | 255.153.153 | 255.102.102 | 255.51.51 | 255.0.51 | 204.0.51 |
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0033 | CC0033 |
| 204.153.153 | 204.102.102 | 204.51.51 | 153.51.51 | 153.0.51 | 51.0.0 |
| CC9999 | CC6666 | CC3333 | 993333 | 990033 | 330000 |
| 255.102.153 | 255.51.102 | 255.0.102 | 204.51.102 | 153.102.102 | 102.51.51 |
| FF6699 | FF3366 | FF0066 | CC3366 | 996666 | 663333 |
| 255.153.204 | 255.51.153 | 255.0.153 | 204.0.102 | 153.51.102 | 102.0.51 |
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 |
| 255.102.204 | 255.0.204 | 255.51.204 | 204.102.153 | 204.0.153 | 153.0.102 |
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 |
| 255.204.255 | 255.153.255 | 255.102.255 | 255.51.255 | 255.0.255 | 204.51.153 |
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 |
| 204.153.204 | 204.102.204 | 204.0.204 | 204.51.204 | 153.0.153 | 153.51.153 |
| CC99CC | CC66CC | CC00CC | CC33CC | 990099 | 993399 |
| 204.102.255 | 204.51.255 | 204.0.255 | 153.0.204 | 153.102.153 | 102.0.102 |
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 |
| 204.153.255 | 153.51.204 | 153.51.255 | 153.0.255 | 102.0.153 | 102.51.102 |
| CC99FF | 9933CC | 9933FF | 9900FF | 660099 | 663366 |
| 153.102.204 | 153.102.255 | 102.0.204 | 102.51.204 | 102.51.153 | 51.0.51 |
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 |
| 204.204.255 | 153.153.255 | 102.51.255 | 102.0.255 | 51.0.153 | 51.0.102 |
| CCCCFF | 9999FF | 6633FF | 6600FF | 330099 | 330066 |
| 153.153.204 | 102.102.255 | 102.102.204 | 102.102.153 | 51.51.153 | 51.51.102 |
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 |
| 51.51.255 | 51.0.255 | 51.0.204 | 51.51.204 | 0.0.153 | 0.0.102 |
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 |
| 102.153.255 | 51.102.255 | 0.0.255 | 0.0.204 | 0.51.204 | 0.0.51 |
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 |
| 0.102.255 | 0.102.204 | 51.102.204 | 0.51.255 | 0.51.153 | 0.51.102 |
| 0066FF | 0066CC | 3366CC | 0033FF | 003399 | 003366 |
| 153.204.255 | 51.153.255 | 0.153.255 | 102.153.204 | 51.102.153 | 0.102.153 |
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 |
| 102.204.255 | 51.204.255 | 0.204.255 | 51.153.204 | 0.153.204 | 0.51.51 |
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 |
| 153.204.204 | 102.204.204 | 51.153.153 | 102.153.153 | 0.102.102 | 51.102.102 |
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 |
| 204.255.255 | 153.255.255 | 102.255.255 | 51.255.255 | 0.255.255 | 0.204.204 |
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC |
| 153.255.204 | 102.255.204 | 51.255.204 | 0.255.204 | 51.204.204 | 0.153.153 |
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 |
| 102.204.153 | 51.204.153 | 0.204.153 | 51.153.102 | 0.153.102 | 0.102.51 |
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 |
| 102.255.153 | 51.255.153 | 0.255.153 | 51.204.102 | 0.204.102 | 0.153.51 |
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 |
| 153.255.153 | 102.255.102 | 51.255.102 | 0.255.102 | 51.153.51 | 0.102.0 |
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 |
| 204.255.204 | 153.204.153 | 102.204.102 | 102.153.102 | 51.102.51 | 0.51.0 |
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 |
| 51.255.51 | 0.255.51 | 0.255.0 | 0.204.0 | 51.204.51 | 0.204.51 |
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 |
| 102.255.0 | 102.255.51 | 51.255.0 | 51.204.0 | 51.153.0 | 0.153.0 |
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 |
| 204.255.153 | 153.255.102 | 102.204.0 | 102.204.51 | 102.153.51 | 51.102.0 |
| CCFF99 | 99FF66 | 66CC00 | 66CC33 | 669933 | 336600 |
| 153.255.0 | 153.255.51 | 153.204.102 | 153.204.0 | 153.204.51 | 102.153.0 |
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 |
| 204.255.102 | 204.255.0 | 204.255.51 | 204.204.153 | 102.102.51 | 51.51.0 |
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 |
| 204.204.102 | 204.204.51 | 153.153.51 | 153.153.102 | 153.153.0 | 102.102.0 |
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 |
| 255.255.255 | 204.204.204 | 153.153.153 | 102.102.102 | 51.51.51 | 0.0.0 |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 |
Источник: web.design.ru
saitoman.ru
Таблица безопасных цветов Лебедева / XML&HTML&CSS / WMDN
Все цвета интернета
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.
При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов (dithering). Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее.
Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.
Как пользоваться палитрой
Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.
Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).
| 255.255.204 | 255.255.153 | 255.255.102 | 255.255.51 | 255.255.0 | 204.204.0 |
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
| 255.204.102 | 255.204.0 | 255.204.51 | 204.153.0 | 204.153.51 | 153.102.0 |
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 |
Смотрите также:
wmdn.ru
Безопасные цвета для сайта — Технический блог
На тему «правильных» и безопасных цветов написано много «трудов», которые в последствии были массово растиражированы в интернете.
Я начну с того, что любой цвет можно получить используя только три так называемых первичных цвета красный R, зеленый G и синий B. Такая система принята в цветном телевидении и интернете.
При этом в WEB принято, что градация каждого первичного цвета состоит из 256 оттенков от нуля до 255 или от 00 до FF в шестнадцатеричном исчислении. В итоге мы получим более 16 миллионов цветов (256*256*256) и считается, что это предел для человеческого глаза.
Однако несовершенство мониторов, особенности зрения каждого человека и желание некоторых индивидуумов «подкрутить» настройки устройства отображения (теплота цвета, яркость, контрастность) приводят к тому, что на экране мы зачастую видим совсем не ту картинку, которую задумал автор (дизайнер).
Кроме того в некоторых системах браузер по неизвестной мне причине почему-то не может правильно отобразить определенные цвета и тогда он подбирает ближайший похожий. И получается, что светло-серый #eeeeee как бы превращается в #ffffff, то есть не отличается от него на экране монитора. Что согласитесь не одно и тоже, ведь тогда вы не видите фон, рамки и прочее. Я наблюдал это лично в Linux системах в браузере FireFox. Допускаю, что нужно было донастроить операционную систему, драйверы или еще чего, но факт имеет место быть, некоторые цвета искажаются, что портит цветовое оформление сайта. А вот с безопасным цветом, например #cccccc такие неприятности не происходят.
Исходя из вышеописанного при определении цветовой палитры сайтов принято ограничивать палитру загрубив градацию каждого из первичных цветом до 6 уровней (00, 33, 66, 99, CC, FF в шестнадцатеричном исчислении). Считается, что любой из полученных 216 цветов (6*6*6) везде будет отображаться правильным образом и без искажений.
Таблица безопасных цветов для сайта
Так как все градации первичных цветов кратны 33 (тридцать три в шестнадцатеричном исчислении) и имеют одинаковые цифры в значениях единиц и десятков, то их значения можно записать в сокращенном формате, то есть вместо #FFFFFF, я буду использовать #FFF.
| #FFF | #FFC | #FF9 | #FF6 | #FF3 | #FF0 |
| #FCF | #FCC | #FC9 | #FC6 | #FC3 | #FC0 |
| #F9F | #F9C | #F99 | #F96 | #F93 | #F90 |
| #F6F | #F6C | #F69 | #F66 | #F63 | #F60 |
| #F3F | #F3C | #F39 | #F36 | #F33 | #F30 |
| #F0F | #F0C | #F09 | #F06 | #F03 | #F00 |
| #CFF | #CFC | #CF9 | #CF6 | #CF3 | #CF0 |
| #CCF | #CCC | #CC9 | #CC6 | #CC3 | #CC0 |
| #C9F | #C9C | #C99 | #C96 | #C93 | #C90 |
| #C6F | #C6C | #C69 | #C66 | #C63 | #C60 |
| #C3F | #C3C | #C39 | #C36 | #C33 | #C30 |
| #C0F | #C0C | #C09 | #C06 | #C03 | #C00 |
| #9FF | #9FC | #9F9 | #9F6 | #9F3 | #9F0 |
| #9CF | #9CC | #9C9 | #9C6 | #9C3 | #9C0 |
| #99F | #99C | #999 | #996 | #993 | #990 |
| #96F | #96C | #969 | #966 | #963 | #960 |
| #93F | #93C | #939 | #936 | #933 | #930 |
| #90F | #90C | #909 | #906 | #903 | #900 |
| #6FF | #6FC | #6F9 | #6F6 | #6F3 | #6F0 |
| #6CF | #6CC | #6C9 | #6C6 | #6C3 | #6C0 |
| #69F | #69C | #699 | #696 | #693 | #690 |
| #66F | #66C | #669 | #666 | #663 | #660 |
| #63F | #63C | #639 | #636 | #633 | #630 |
| #60F | #60C | #609 | #606 | #603 | #600 |
| #3FF | #3FC | #3F9 | #3F6 | #3F3 | #3F0 |
| #3CF | #3CC | #3C9 | #3C6 | #3C3 | #3C0 |
| #39F | #39C | #399 | #396 | #393 | #390 |
| #36F | #36C | #369 | #366 | #363 | #360 |
| #33F | #33C | #339 | #336 | #333 | #330 |
| #30F | #30C | #309 | #306 | #303 | #300 |
| #0FF | #0FC | #0F9 | #0F6 | #0F3 | #0F0 |
| #0CF | #0CC | #0C9 | #0C6 | #0C3 | #0C0 |
| #09F | #09C | #099 | #096 | #093 | #090 |
| #06F | #06C | #069 | #066 | #063 | #060 |
| #03F | #03C | #039 | #036 | #033 | #030 |
| #00F | #00C | #009 | #006 | #003 | #000 |
Как использовать таблицу безопасных цветов
Моя таблица состоит из 216 ячеек. Фон каждой из них записан в HEX формате и может использоваться в CSS стилях для графики, текста и фонов.
Существуют несколько основных способов представления цветов в вебе. Один из них в виде #123ABC. Это представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет: две первые цифры — красный, две в середине — зелёный, две последние цифры — синий. Также допускается краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.
Благодарности
При написании статьи были использованы следующие источники:
- http://www.artlebedev.ru/tools/colors/
- https://ru.wikipedia.org/wiki/Цвета_HTML
Поделись этой страницей с друзьями!
moonback.ru
Безопасные веб цвета » Инструменты вебмастера
Когда было время 256-цветных мониторов применялась «безопасная палитра», конечно она применяется и сейчас. У безопасной палитры всего три главных цвета для смешивания — R G B и соответствуют значениям: 00, 33, 66, 99, CC, FF.Вообще, цветовая палитра 6x6x6 является приоритетной при выборе цвета для фона или цвета шрифта.
Вашему вниманию представляется палитра «безопасных веб цветов», которые одинаково хорошо будут отображаться во всех браузерах и во всех оперативных системах.
| Имя цвета для HTML | Код для HTML | R G B |
|---|---|---|
Красные | ||
| IndianRed | CD 5C 5C | 205 92 92 |
| LightCoral | F0 80 80 | 240 128 128 |
| Salmon | FA 80 72 | 250 128 114 |
| DarkSalmon | E9 96 7A | 233 150 122 |
| LightSalmon | FF A0 7A | 255 160 122 |
| Crimson | DC 14 3C | 220 20 60 |
| Red | FF 00 00 | 255 0 0 |
| FireBrick | B2 22 22 | 178 34 34 |
| DarkRed | 8B 00 00 | 139 0 0 |
Розовые | ||
| Pink | FF C0 CB | 255 192 203 |
| LightPink | FF B6 C1 | 255 182 193 |
| HotPink | FF 69 B4 | 255 105 180 |
| DeepPink | FF 14 93 | 255 20 147 |
| MediumVioletRed | C7 15 85 | 199 21 133 |
| PaleVioletRed | DB 70 93 | 219 112 147 |
Оранжевые | ||
| LightSalmon | FF A0 7A | 255 160 122 |
| Coral | FF 7F 50 | 255 127 80 |
| Tomato | FF 63 47 | 255 99 71 |
| OrangeRed | FF 45 00 | 255 69 0 |
| DarkOrange | FF 8C 00 | 255 140 0 |
| Orange | FF A5 00 | 255 165 0 |
Жёлтые | ||
| Gold | FF D7 00 | 255 215 0 |
| Yellow | FF FF 00 | 255 255 0 |
| LightYellow | FF FF E0 | 255 255 224 |
| LemonChiffon | FF FA CD | 255 250 205 |
| LightGoldenrodYellow | FA FA D2 | 250 250 210 |
| PapayaWhip | FF EF D5 | 255 239 213 |
| Moccasin | FF E4 B5 | 255 228 181 |
| PeachPuff | FF DA B9 | 255 218 185 |
| PaleGoldenrod | EE E8 AA | 238 232 170 |
| Khaki | F0 E6 8C | 240 230 140 |
| DarkKhaki | BD B7 6B | 189 183 107 |
Фиолетовые | ||
| Lavender | E6 E6 FA | 230 230 250 |
| Thistle | D8 BF D8 | 216 191 216 |
| Plum | DD A0 DD | 221 160 221 |
| Violet | EE 82 EE | 238 130 238 |
| Orchid | DA 70 D6 | 218 112 214 |
| Fuchsia | FF 00 FF | 255 0 255 |
| Magenta | FF 00 FF | 255 0 255 |
| MediumOrchid | BA 55 D3 | 186 85 211 |
| MediumPurple | 93 70 DB | 147 112 219 |
| BlueViolet | 8A 2B E2 | 138 43 226 |
| DarkViolet | 94 00 D3 | 148 0 211 |
| DarkOrchid | 99 32 CC | 153 50 204 |
| DarkMagenta | 8B 00 8B | 139 0 139 |
| Purple | 80 00 80 | 128 0 128 |
| Indigo | 4B 00 82 | 75 0 130 |
| SlateBlue | 6A 5A CD | 106 90 205 |
| DarkSlateBlue | 48 3D 8B | 72 61 139 |
Зелёные | ||
| GreenYellow | AD FF 2F | 173 255 47 |
| Chartreuse | 7F FF 00 | 127 255 0 |
| LawnGreen | 7C FC 00 | 124 252 0 |
| Lime | 00 FF 00 | 0 255 0 |
| LimeGreen | 32 CD 32 | 50 205 50 |
| PaleGreen | 98 FB 98 | 152 251 152 |
| LightGreen | 90 EE 90 | 144 238 144 |
| MediumSpringGreen | 00 FA 9A | 0 250 154 |
| SpringGreen | 00 FF 7F | 0 255 127 |
| MediumSeaGreen | 3C B3 71 | 60 179 113 |
| SeaGreen | 2E 8B 57 | 46 139 87 |
| ForestGreen | 22 8B 22 | 34 139 34 |
| Green | 00 80 00 | 0 128 0 |
| DarkGreen | 00 64 00 | 0 100 0 |
| YellowGreen | 9A CD 32 | 154 205 50 |
| OliveDrab | 6B 8E 23 | 107 142 35 |
| Olive | 80 80 00 | 128 128 0 |
| DarkOliveGreen | 55 6B 2F | 85 107 47 |
| MediumAquamarine | 66 CD AA | 102 205 170 |
| DarkSeaGreen | 8F BC 8F | 143 188 143 |
| LightSeaGreen | 20 B2 AA | 32 178 170 |
| DarkCyan | 00 8B 8B | 0 139 139 |
| Teal | 00 80 80 | 0 128 128 |
Синие | ||
| Aqua | 00 FF FF | 0 255 255 |
| Cyan | 00 FF FF | 0 255 255 |
| LightCyan | E0 FF FF | 224 255 255 |
| PaleTurquoise | AF EE EE | 175 238 238 |
| Aquamarine | 7F FF D4 | 127 255 212 |
| Turquoise | 40 E0 D0 | 64 224 208 |
| MediumTurquoise | 48 D1 CC | 72 209 204 |
| DarkTurquoise | 00 CE D1 | 0 206 209 |
| CadetBlue | 5F 9E A0 | 95 158 160 |
| SteelBlue | 46 82 B4 | 70 130 180 |
| LightSteelBlue | B0 C4 DE | 176 196 222 |
| PowderBlue | B0 E0 E6 | 176 224 230 |
| LightBlue | AD D8 E6 | 173 216 230 |
| SkyBlue | 87 CE EB | 135 206 235 |
| LightSkyBlue | 87 CE FA | 135 206 250 |
| DeepSkyBlue | 00 BF FF | 0 191 255 |
| DodgerBlue | 1E 90 FF | 30 144 255 |
| CornflowerBlue | 64 95 ED | 100 149 237 |
| MediumSlateBlue | 7B 68 EE | 123 104 238 |
| RoyalBlue | 41 69 E1 | 65 105 225 |
| Blue | 00 00 FF | 0 0 255 |
| MediumBlue | 00 00 CD | 0 0 205 |
| DarkBlue | 00 00 8B | 0 0 139 |
| Navy | 00 00 80 | 0 0 128 |
| MidnightBlue | 19 19 70 | 25 25 112 |
Коричневые | ||
| Cornsilk | FF F8 DC | 255 248 220 |
| BlanchedAlmond | FF EB CD | 255 235 205 |
| Bisque | FF E4 C4 | 255 228 196 |
| NavajoWhite | FF DE AD | 255 222 173 |
| Wheat | F5 DE B3 | 245 222 179 |
| BurlyWood | DE B8 87 | 222 184 135 |
| Tan | D2 B4 8C | 210 180 140 |
| RosyBrown | BC 8F 8F | 188 143 143 |
| SandyBrown | F4 A4 60 | 244 164 96 |
| Goldenrod | DA A5 20 | 218 165 32 |
| DarkGoldenrod | B8 86 0B | 184 134 11 |
| Peru | CD 85 3F | 205 133 63 |
| Chocolate | D2 69 1E | 210 105 30 |
| SaddleBrown | 8B 45 13 | 139 69 19 |
| Sienna | A0 52 2D | 160 82 45 |
| Brown | A5 2A 2A | 165 42 42 |
| Maroon | 80 00 00 | 128 0 0 |
Белые | ||
| White | FF FF FF | 255 255 255 |
| Snow | FF FA FA | 255 250 250 |
| Honeydew | F0 FF F0 | 240 255 240 |
| MintCream | F5 FF FA | 245 255 250 |
| Azure | F0 FF FF | 240 255 255 |
| AliceBlue | F0 F8 FF | 240 248 255 |
| GhostWhite | F8 F8 FF | 248 248 255 |
| WhiteSmoke | F5 F5 F5 | 245 245 245 |
| Seashell | FF F5 EE | 255 245 238 |
| Beige | F5 F5 DC | 245 245 220 |
| OldLace | FD F5 E6 | 253 245 230 |
| FloralWhite | FF FA F0 | 255 250 240 |
| Ivory | FF FF F0 | 255 255 240 |
| AntiqueWhite | FA EB D7 | 250 235 215 |
| Linen | FA F0 E6 | 250 240 230 |
| LavenderBlush | FF F0 F5 | 255 240 245 |
| MistyRose | FF E4 E1 | 255 228 225 |
Серые | ||
| Gainsboro | DC DC DC | 220 220 220 |
| LightGrey | D3 D3 D3 | 211 211 211 |
| Silver | C0 C0 C0 | 192 192 192 |
| DarkGray | A9 A9 A9 | 169 169 169 |
| Gray | 80 80 80 | 128 128 128 |
| DimGray | 69 69 69 | 105 105 105 |
| LightSlateGray | 77 88 99 | 119 136 153 |
| SlateGray | 70 80 90 | 112 128 144 |
| DarkSlateGray | 2F 4F 4F | 47 79 79 |
| Black | 00 00 00 | 0 0 0 |
filyanin.ru