Как правильно выбрать цветовое решение для сайта?

Если вы находитесь на распутье и не знаете какое цветовое решение выбрать для страниц своего сайта, то самое время прислушаться к общепринятым рекомендациям профессионалов. Среди веб-дизайнерв, существуют свои собственные таблицы, которые называются «безопасной палитрой» и включают в себя ровно 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