Как правильно выбрать цветовое решение для сайта?
Если вы находитесь на распутье и не знаете какое цветовое решение выбрать для страниц своего сайта, то самое время прислушаться к общепринятым рекомендациям профессионалов. Среди веб-дизайнерв, существуют свои собственные таблицы, которые называются «безопасной палитрой» и включают в себя ровно 216 цветов и оттенков, которые считаются самыми подходящими для использования в процессе создания и оформления сайтов. Безопасность этих цветов обусловлена тем, что каждый оттенок из данной палитры способен точно соответствовать отображению заданного цвета, на любом из мониторов.
Чтобы выбрать подобный цвет, дизайнеры используют небольшую подсказку, которая не является секретом. Всем известно, что каждый цвет имеет собственное, присвоенное шестнадцатеричное значение, где 000000 принадлежит черному цвету, а FFFFFF – белому цвету палитры. Исходя из этого, дизайнеры уверяют что безопасный и наиболее подходящий цвет для оформления страниц сайта, должен содержать только значения исключительно такой направленности как 00, 33, 66, 99, CC, FF. То есть это может быть такая комбинация как 330066, CC9900 и так далее.
Подбирая такие компоненты оформления страницы как цвет основного фона, цвет и стиль шрифта, а также его размер, важно следить за тем, чтобы будущему пользователю было комфортно находиться на страницах этого сайта, чтобы прочитать текст было легко и глаза не ощущали при этом усталости, а внимание не отвлекали посторонние детали. Как уже принято считать, более практичным решением является темный шрифт на белом или другом светлом фоне, если сделать наоборот, то чтение окажется достаточно трудным, как и само нахождение на такой странице. Также обратите внимание на выбор размера шрифта, пользователю должно быть удобно читать информацию с вашего сайта, не смотря на то, какое разрешение имеет его монитор.
На данной страничке располагается таблица, в которой представлены примеры основных цветов, используемых в языке гипертекстовой разметки HTML (и в PHP следовательно тоже), а так же их RGB коды, HEX коды и названия, как на русском, так и на английском языках.
Цвет | RGB код | HEX код | Название цвета | Название цвета на англ. |
000000000 | #000000 | Черный | Black | |
000000128 | #000080 | Темно-синий | Navy | |
000000139 | #00008b | Темно-голубой | Darkblue | |
000000205 | #0000cd | Умеренно-голубой | Mediumblue | |
000000255 | #0000ff | Синий | Blue | |
000100000 | #006400 | Темно-зеленый | Darkgreen | |
000128000 | #008000 | Зеленый | Green | |
000128128 | #008080 | Чайный | Teal | |
000139139 | #008b8b | Темный циан | Darkcyan | |
000191255 | #00bfff | Темный небесно-синий | Deepskyblue | |
000206209 | #00ced1 | Темно-бирюзовый | Darkturquoise | |
000250154 | #00fa9a | Умеренный синевато-серый | Mediumspringgreen | |
000255000 | #00ff00 | Известковый | Lime | |
000255127 | #00ff7f | Весенний зеленый | Springgreen | |
000255255 | #00ffff | Морской волны | Aqua | |
025025112 | #191970 | Ночной синий | Midnightblue | |
030144255 | #1e90ff | Тускло-васильковый | Dodgerblue | |
032178170 | #20b2aa | Светлой морской волны | Lightseagreen | |
034139034 | #228b22 | Лесной зеленый | Forestgreen | |
046139087 | #2e8b57 | Морской зеленый | Seagreen | |
047079079 | #2f4f4f | Темный синевато-серый | Darkslategray | |
050205050 | #32cd32 | Зеленовато-известковый | Limegreen | |
060179113 | #3cb371 | Умеренной морской волны | Mediumseagreen | |
064224208 | #40e0d0 | Бирюзовый | Turquoise | |
065105225 | #4169e1 | Королевский голубой | Royalblue | |
070130180 | #4682b4 | Голубовато-стальной | Steelblue | |
072061139 | #483d8b | Темный серовато-синий | Darkslateblue | |
072209204 | #48d1cc | Умеренно-бирюзовый | Mediumturquoise | |
075000130 | #4b0082 | Индиго | Indigo | |
085107047 | #556b2f | Темно-оливковый | Darkolivegreen | |
095158160 | #5f9ea0 | Блеклый серо-голубой | Cadetblue | |
100149237 | #6495ed | Васильковый | Cornflowerblue | |
102205170 | #66cdaa | Умеренно-аквамариновый | Mediumaaquamarine | |
105105105 | #696969 | Тускло-серый | Dimgray | |
106090205 | #6a5acd | Серовато-синий | Slateblue | |
107142035 | #6b8e23 | Тускло-коричневый | Olivedrab | |
112128144 | #708090 | Синевато-серый | Slategray | |
119136153 | #778899 | Светлый синевато-серый | Lightslategray | |
123104238 | #7b68ee | Умеренный серовато-синий | Mediumslateblue | |
124252000 | #7cfc00 | Зеленой травы | Lawngreen | |
127255000 | #7fff00 | Фисташковый | Chartreuse | |
127255212 | #7fffd4 | Аквамарин | Aquamarine | |
128000000 | #800000 | Оранжево-розовый | Maroon | |
128000128 | #800080 | Пурпурный | Purple | |
128128000 | #808000 | Оливковый | Olive | |
128128128 | #808080 | Серый | Gray | |
135206235 | #87ceeb | Небесно-голубой | Skyblue | |
135206250 | #87cefa | Светлый небесно-синий | Lightskyblue | |
138043226 | #8a2be2 | Светло-фиолетовый | Blueviolet | |
139000000 | #8b0000 | Темно-красный | Darkred | |
139000139 | #8b008b | Темный фуксин | Darkmagenta | |
139069019 | #8b4513 | Старой кожи | Saddlebrown | |
143188143 | #8fbc8f | Темный морской волны | Darkseagreen | |
147112219 | #9370db | Умеренно-пурпурный | Mediumpurple | |
148000211 | #9400d3 | Темно-фиолетовый | Darkviolet | |
152251152 | #98fb98 | Бледно-зеленый | Palegreen | |
153050204 | #9932cc | Темно-орхидейный | Darkorchid | |
154205050 | #9acd32 | Желто-зеленый | Yellowgreen | |
156238144 | #9cee90 | Светло-зеленый | Lightgreen | |
160082045 | #a0522d | Охра | Sienna | |
165042042 | #a52a2a | Коричневый | Brown | |
169169169 | #a9a9a9 | Темно-серый | Darkgray | |
173216230 | #add8e6 | Светло-голубой | Lightblue | |
173255047 | #adff2f | Желто-зеленый | Greenyellow | |
175238238 | #afeeee | Бледно-бирюзовый | Paleturquise | |
176196222 | #b0c4de | Светло-стальной | Lightsteelblue | |
176224230 | #b0e0e6 | Туманно-голубой | Powderblue | |
178034034 | #b22222 | Огнеупорного кирпича | Firebrick | |
184134011 | #b8860b | Темный красно-золотой | Darkgoldenrod | |
186085211 | #ba55d3 | Умеренно-орхидейный | Mediumorchid | |
188143143 | #bc8f8f | Розово-коричневый | Rosybrown | |
189183107 | #bdb76b | Темный хаки | Darkkhaki | |
192192192 | #c0c0c0 | Серебристый | Silver | |
199021133 | #c71585 | Умеренный красно-фиолетовый | Mediumvioletred | |
205092092 | #cd5c5c | Ярко-красный | Indianred | |
205133063 | #cd853f | Коричневый | Peru | |
210105030 | #d2691e | Шоколадный | Chocolate | |
210180140 | #d2b48c | Желтовато-коричневый | Tan | |
211211211 | #d3d3d3 | Светло-серый | Lightgray | |
216191216 | #d8bfd8 | Чертополоха | Thistle | |
218112214 | #da70d6 | Орхидейный | Orchid | |
218165032 | #daa520 | Красного золота | Goldenrod | |
219112147 | #db7093 | Бледный красно-фиолетовый | Plaevioletred | |
220020060 | #dc143c | Малиновый | Crimson | |
220220220 | #dcdcdc | Светлый серо-фиолетовый | Fainsboro | |
221160221 | #dda0dd | Сливовый | Plum | |
222184135 | #deb887 | Старого дерева | Burlywood | |
224255255 | #e0ffff | Светлый циан | Lightcyan | |
230230250 | #e6e6fa | Бледно-лиловый | Lavender | |
233150122 | #e9967a | Темный оранжево-розовый | Darksalmon | |
238130238 | #ee82ee | Фиолетовый | Violet | |
238232170 | #eee8aa | Бледно-золотой | Palegoldenrod | |
240128128 | #f08080 | Светло-коралловый | Lightcoral | |
240230140 | #f0e68c | Хаки | Khaki | |
240248255 | #f0f8ff | Блекло-голубой | Aliceblue | |
240255240 | #f0fff0 | Свежего меда | Honeydew | |
240255255 | #f0ffff | Лазурь | Azure | |
244164096 | #f4a460 | Рыже-коричневый | Sandybrown | |
245222179 | #f5deb3 | Пшеничный | Wheat | |
245245220 | #f5f5dc | Бежевый | Beige | |
245245245 | #f5f5f5 | Белый дымчатый | Whitesmoke | |
245255250 | #f5fffa | Мятно-кремовый | Mintcream | |
248248255 | #f8f8ff | Туманно-белый | Ghostwhite | |
250128114 | #fa8072 | Оранжево-розовый | Salmon | |
250235215 | #faebd7 | Античный белый | Antuquewhite | |
250240230 | #faf0e6 | Льняной | Linen | |
253245230 | #fdf5e6 | Старого коньяка | Oldlace | |
255000255 | #ff00ff | Фуксия | Fuchsia | |
255020147 | #ff1493 | Темно-розовый | Deeppink | |
255069000 | #ff4500 | Красно-оранжевый | Orangered | |
255099071 | #ff6347 | Томатный | Tomato | |
255105180 | #ff69b4 | Ярко-розовый | Hotpink | |
255127080 | #ff7f50 | Коралловый | Coral | |
255140000 | #ff8c00 | Темно-оранжевый | Darkorange | |
255160122 | #ffa07a | Светлый оранжево-розовый | Lightsalmon | |
255165000 | #ffa500 | Оранжевый | Orange | |
255182193 | #ffb6c1 | Светло-розовый | Lightpink | |
255192203 | #ffc0cb | Розовый | Pink | |
255215000 | #ffd700 | Золотой | Gold | |
255218185 | #ffdab9 | Персиковый | Peachpuff | |
255222173 | #ffdead | Грязно-серый | Navajowhite | |
255228181 | #ffe4b5 | Болотный | Moccasin | |
255228196 | #ffe4c4 | Бисквитный | Bisque | |
255228225 | #ffe4e1 | Туманно-розовый | Mistyrose | |
255235205 | #ffebcd | Светло-кремовый | Blanchedalmond | |
255239213 | #ffefd5 | Дыни | Papayaawhip | |
255240245 | #fff0f5 | Бледный розово-лиловый | Lavenderblush | |
255245238 | #fff5ee | Морской пены | Seashell | |
255248220 | #fff8dc | Бледно-желтый | Cornsilk | |
255250205 | #fffacd | Лимонный | Lemonchiffon | |
255250240 | #fffaf0 | Цветочно-белый | Floralwhite | |
255250250 | #fffafa | Снежный | Snow | |
255255000 | #ffff00 | Желтый | Yellow | |
255255224 | #ffffe0 | Светло-желтый | Lightyellow | |
255255240 | #fffff0 | Слоновой кости | Ivory | |
255255255 | #ffffff | Белый | White |