Цвета для веб-дизайна играют огромную роль. Чтобы грамотно подобрать цветовую схему для сайта, существуют специальные сервисы. Уверена, что у каждого веб-дизайнера в закладках есть хотя бы один такой.
Иногда вот сидишь и думаешь, какой оттенок голубого выбрать основным для сайта, чуть светлее или чуть ярче, а может потемнее взять… А к нему еще надо дополнительные подобрать. Можно конечно делать это и на глаз, но лучше воспользоваться одним из специальных сервисов.
Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .
Сервисы подбора цвета для веб-дизайна
С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.
Есть возможность оценить, как будут видеть вашу цветовую гамму люди с дальтонизмом и другими особенностями зрения. Можно выбрать безопасные веб-цвета.
Adobe Kuler второй веб инструмент, который я довольно часто использую. Подбор цветовой схемы происходит практически также, как и на предыдущем сайте, но люблю я его не за это. Кроме того, что вы сами можете создавать цветовые схемы, вы можете посмотреть и использовать схемы, созданные другими людьми.
Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.
Этот инструмент немного похож на Сolorscheme, но имеет меньше функций, зато есть возможность посмотреть, как будут выглядеть цветовые блоки.
Этим сайтом я практически не пользуюсь, но раз уж он есть у меня в закладках, то решила добавить и его.
Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic :)
Вы выбираете любую картинку, цвета которой вам нравятся, сервис ее анализирует и выдает вам цветовую палитру. Эти два сайта отличаются лишь тем, как предоставлять им картинку.
На этом сайте необходимо указать ссылку на изображение.
palettegenerator.com
На этот сайт нужно загрузить картинку со своего компьютера.
palettable.io
Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».
flatcolors.net
Как видно из названия, здесь можно подобрать цвета для модного сейчас, плоского дизайна. Сайт интересен тем, что выбрав палитру, вы можете скачать ее для программ Corel и Photoshop.
materialpalette.com
Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.
getuicolors.com
И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.
Вот такие инструменты есть у меня в закладках.
Напишите в комментариях, какими сайтами подбора цвета для веб-дизайна пользуетесь вы?
Нужен сайт с правильными цветами? Пишите, сделаем :)
Очень классная подборка! Благодарю! Поиск цветов из картинки — просто шикарно! Очень понравился
спасибо большое друзья )
Спасибо за обзор, зависла на flatcolors
Благодарю от всей души, то что искал! Творческих вам успехов!
Спасибо ) Заходите еще )
Какое-то противоречие получается О_о Палеттон генерит «правильные» цвета, а Вы пользуетесь palettable или сервисами, что из картинки палитру делают. Даже готовые палитры от Кулера никогда не докрутить палеттоном. Так какие цвета для сайта «правильные»?
Правильные цвета не обязаны полностью соответствовать цветовому кругу.
Они должны соответствовать тематике ресурса, целевой аудитории, и гармонично сочетаться между собой… В статьи лишь приведены сервисы для удобства подбора потенциальной палитры.
На мой взгляд, слепо использовать их не стоит…
Сервисы — это всегда полезно! :) Как программер я склонен доверять паллетону и т.п., там есть какая-то логика, но сайты смотрятся ужасно. А как сеошник — без разницы тематика и аудитория лишь бы был ТОП, а гармония — она всегда и во всем должна быть) И какие по-вашему «правильные» цвета, если лого темно-синий, а клиент доски продает?
Пользуюсь сервисом Adobe. Из вашей подборки очень понравился palettable
Возьму на заметку. Спасибо.
Рада, что вам пригодилась. Я тоже именно palettable.io часто использую )