Какие цвета использовать для сайта? Как подобрать сочетания цветов для web-дизайна

Дабы сайт выглядел привлекательно для глаза пользователя, цвета необходимо подбирать обдуманно. Вы можете воспользоваться приведенной ниже таблицей цветов и подобрать удачные сочетания. В таблице указаны наименования цветов для верстки в HTML-редакторе или для таблиц стилей. Приведенные ниже 216 цветов считаются "безопасными" (browser-safe), то есть одинаково отображаются во всех браузерах.

Красный и Синий + Зеленый
`000000`	`000033`	`000066`	`000099`	`0000cc`	`0000ff`
`330000`	`330033`	`330066`	`330099`	`3300cc`	`3300ff`
`660000`	`660033`	`660066`	`660099`	`6600cc`	`6600ff`
`990000`	`990033`	`990066`	`990099`	`9900cc`	`9900ff`
`cc0000`	`cc0033`	`cc0066`	`cc0099`	`cc00cc`	`cc00ff`
`ff0000`	`ff0033`	`ff0066`	`ff0099`	`ff00cc`	`ff00ff`
`003300`	`003333`	`003366`	`003399`	`0033cc`	`0033ff`
`333300`	`333333`	`333366`	`333399`	`3333cc`	`3333ff`
`663300`	`663333`	`663366`	`663399`	`6633cc`	`6633ff`
`993300`	`993333`	`993366`	`993399`	`9933cc`	`9933ff`
`cc3300`	`cc3333`	`cc3366`	`cc3399`	`cc33cc`	`cc33ff`
`ff3300`	`ff3333`	`ff3366`	`ff3399`	`ff33cc`	`ff33ff`
`006600`	`006633`	`006666`	`006699`	`0066cc`	`0066ff`
`336600`	`336633`	`336666`	`336699`	`3366cc`	`3366ff`
`666600`	`666633`	`666666`	`666699`	`6666cc`	`6666ff`
`996600`	`996633`	`996666`	`996699`	`9966cc`	`9966ff`
`cc6600`	`cc6633`	`cc6666`	`cc6699`	`cc66cc`	`cc66ff`
`ff6600`	`ff6633`	`ff6666`	`ff6699`	`ff66cc`	`ff66ff`
`009900`	`009933`	`009966`	`009999`	`0099cc`	`0099ff`
`339900`	`339933`	`339966`	`339999`	`3399cc`	`3399ff`
`669900`	`669933`	`669966`	`669999`	`6699cc`	`6699ff`
`999900`	`999933`	`999966`	`999999`	`9999cc`	`9999ff`
`cc9900`	`cc9933`	`cc9966`	`cc9999`	`cc99cc`	`cc99ff`
`ff9900`	`ff9933`	`ff9966`	`ff9999`	`ff99cc`	`ff99ff`
`00cc00`	`00cc33`	`00cc66`	`00cc99`	`00cccc`	`00ccff`
`33cc00`	`33cc33`	`33cc66`	`33cc99`	`33cccc`	`33ccff`
`66cc00`	`66cc33`	`66cc66`	`66cc99`	`66cccc`	`66ccff`
`99cc00`	`99cc33`	`99cc66`	`99cc99`	`99cccc`	`99ccff`
`cccc00`	`cccc33`	`cccc66`	`cccc99`	`cccccc`	`ccccff`
`ffcc00`	`ffcc33`	`ffcc66`	`ffcc99`	`ffcccc`	`ffccff`
`00ff00`	`00ff33`	`00ff66`	`00ff99`	`00ffcc`	`00ffff`
`33ff00`	`33ff33`	`33ff66`	`33ff99`	`33ffcc`	`33ffff`
`66ff00`	`66ff33`	`66ff66`	`66ff99`	`66ffcc`	`66ffff`
`99ff00`	`99ff33`	`99ff66`	`99ff99`	`99ffcc`	`99ffff`
`ccff00`	`ccff33`	`ccff66`	`ccff99`	`ccffcc`	`ccffff`
`ffff00`	`ffff33`	`ffff66`	`ffff99`	`ffffcc`	`ffffff`
Красный и Зеленый + Синий
`000000`	`003300`	`006600`	`009900`	`00cc00`	`00ff00`
`330000`	`333300`	`336600`	`339900`	`33cc00`	`33ff00`
`660000`	`663300`	`666600`	`669900`	`66cc00`	`66ff00`
`990000`	`993300`	`996600`	`999900`	`99cc00`	`99ff00`
`cc0000`	`cc3300`	`cc6600`	`cc9900`	`cccc00`	`ccff00`
`ff0000`	`ff3300`	`ff6600`	`ff9900`	`ffcc00`	`ffff00`
`000033`	`003333`	`006633`	`009933`	`00cc33`	`00ff33`
`330033`	`333333`	`336633`	`339933`	`33cc33`	`33ff33`
`660033`	`663333`	`666633`	`669933`	`66cc33`	`66ff33`
`990033`	`993333`	`996633`	`999933`	`99cc33`	`99ff33`
`cc0033`	`cc3333`	`cc6633`	`cc9933`	`cccc33`	`ccff33`
`ff0033`	`ff3333`	`ff6633`	`ff9933`	`ffcc33`	`ffff33`
`000066`	`003366`	`006666`	`009966`	`00cc66`	`00ff66`
`330066`	`333366`	`336666`	`339966`	`33cc66`	`33ff66`
`660066`	`663366`	`666666`	`669966`	`66cc66`	`66ff66`
`990066`	`993366`	`996666`	`999966`	`99cc66`	`99ff66`
`cc0066`	`cc3366`	`cc6666`	`cc9966`	`cccc66`	`ccff66`
`ff0066`	`ff3366`	`ff6666`	`ff9966`	`ffcc66`	`ffff66`
`000099`	`003399`	`006699`	`009999`	`00cc99`	`00ff99`
`330099`	`333399`	`336699`	`339999`	`33cc99`	`33ff99`
`660099`	`663399`	`666699`	`669999`	`66cc99`	`66ff99`
`990099`	`993399`	`996699`	`999999`	`99cc99`	`99ff99`
`cc0099`	`cc3399`	`cc6699`	`cc9999`	`cccc99`	`ccff99`
`ff0099`	`ff3399`	`ff6699`	`ff9999`	`ffcc99`	`ffff99`
`0000cc`	`0033cc`	`0066cc`	`0099cc`	`00cccc`	`00ffcc`
`3300cc`	`3333cc`	`3366cc`	`3399cc`	`33cccc`	`33ffcc`
`6600cc`	`6633cc`	`6666cc`	`6699cc`	`66cccc`	`66ffcc`
`9900cc`	`9933cc`	`9966cc`	`9999cc`	`99cccc`	`99ffcc`
`cc00cc`	`cc33cc`	`cc66cc`	`cc99cc`	`cccccc`	`ccffcc`
`ff00cc`	`ff33cc`	`ff66cc`	`ff99cc`	`ffcccc`	`ffffcc`
`0000ff`	`0033ff`	`0066ff`	`0099ff`	`00ccff`	`00ffff`
`3300ff`	`3333ff`	`3366ff`	`3399ff`	`33ccff`	`33ffff`
`6600ff`	`6633ff`	`6666ff`	`6699ff`	`66ccff`	`66ffff`
`9900ff`	`9933ff`	`9966ff`	`9999ff`	`99ccff`	`99ffff`
`cc00ff`	`cc33ff`	`cc66ff`	`cc99ff`	`ccccff`	`ccffff`
`ff00ff`	`ff33ff`	`ff66ff`	`ff99ff`	`ffccff`	`ffffff`
Зеленый и Синий + Красный
`000000`	`000033`	`000066`	`000099`	`0000cc`	`0000ff`
`003300`	`003333`	`003366`	`003399`	`0033cc`	`0033ff`
`006600`	`006633`	`006666`	`006699`	`0066cc`	`0066ff`
`009900`	`009933`	`009966`	`009999`	`0099cc`	`0099ff`
`00cc00`	`00cc33`	`00cc66`	`00cc99`	`00cccc`	`00ccff`
`00ff00`	`00ff33`	`00ff66`	`00ff99`	`00ffcc`	`00ffff`
`330000`	`330033`	`330066`	`330099`	`3300cc`	`3300ff`
`333300`	`333333`	`333366`	`333399`	`3333cc`	`3333ff`
`336600`	`336633`	`336666`	`336699`	`3366cc`	`3366ff`
`339900`	`339933`	`339966`	`339999`	`3399cc`	`3399ff`
`33cc00`	`33cc33`	`33cc66`	`33cc99`	`33cccc`	`33ccff`
`33ff00`	`33ff33`	`33ff66`	`33ff99`	`33ffcc`	`33ffff`
`660000`	`660033`	`660066`	`660099`	`6600cc`	`6600ff`
`663300`	`663333`	`663366`	`663399`	`6633cc`	`6633ff`
`666600`	`666633`	`666666`	`666699`	`6666cc`	`6666ff`
`669900`	`669933`	`669966`	`669999`	`6699cc`	`6699ff`
`66cc00`	`66cc33`	`66cc66`	`66cc99`	`66cccc`	`66ccff`
`66ff00`	`66ff33`	`66ff66`	`66ff99`	`66ffcc`	`66ffff`
`990000`	`990033`	`990066`	`990099`	`9900cc`	`9900ff`
`993300`	`993333`	`993366`	`993399`	`9933cc`	`9933ff`
`996600`	`996633`	`996666`	`996699`	`9966cc`	`9966ff`
`999900`	`999933`	`999966`	`999999`	`9999cc`	`9999ff`
`99cc00`	`99cc33`	`99cc66`	`99cc99`	`99cccc`	`99ccff`
`99ff00`	`99ff33`	`99ff66`	`99ff99`	`99ffcc`	`99ffff`
`cc0000`	`cc0033`	`cc0066`	`cc0099`	`cc00cc`	`cc00ff`
`cc3300`	`cc3333`	`cc3366`	`cc3399`	`cc33cc`	`cc33ff`
`cc6600`	`cc6633`	`cc6666`	`cc6699`	`cc66cc`	`cc66ff`
`cc9900`	`cc9933`	`cc9966`	`cc9999`	`cc99cc`	`cc99ff`
`cccc00`	`cccc33`	`cccc66`	`cccc99`	`cccccc`	`ccccff`
`ccff00`	`ccff33`	`ccff66`	`ccff99`	`ccffcc`	`ccffff`
`ff0000`	`ff0033`	`ff0066`	`ff0099`	`ff00cc`	`ff00ff`
`ff3300`	`ff3333`	`ff3366`	`ff3399`	`ff33cc`	`ff33ff`
`ff6600`	`ff6633`	`ff6666`	`ff6699`	`ff66cc`	`ff66ff`
`ff9900`	`ff9933`	`ff9966`	`ff9999`	`ff99cc`	`ff99ff`
`ffcc00`	`ffcc33`	`ffcc66`	`ffcc99`	`ffcccc`	`ffccff`
`ffff00`	`ffff33`	`ffff66`	`ffff99`	`ffffcc`	`ffffff`

Цвета сайта должны отвечать тематике сайта

Ассоциативный ряд цветов:

Красный: Волнение, сила, секс, страсть, скорость, опасность.
Желтый: Теплота, свет, приветствие, счастье
Оранжевый: Игривость, теплота
Синий: Доверие, надежность, принадлежность, прохлада.
Зеленый: Природа, новый, крутой, рост, изобилие
Фиолетовый: Королевский, духовность, достоинство
Розовый: Мягкий, сладкий, питание, защита
Белый: Чистый, девственный, юный, умеренный
Черный: Искушенность, изящность, соблазнительность, тайна
Золото: Престиж, дорогой
Серебро: Престиж, холод, научный

Accessibility color wheel - gmazzocato.altervista.org/colorwheel/wheel.php - сервис подбора цветов для фона и текста с учетом пользователей с ограниченными способностями. Вообще то, сервис помогает подобрать красивые сочетания цветов фона и шрифтов для любого сайта и выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.

Добавить комментарий

JComments

Какие цвета использовать для сайта? Как подобрать сочетания цветов для web-дизайна

Ассоциативный ряд цветов:

Новые статьи:

Популярные теги