color.adobe.com

color.adobe.com

 

Сайт, который, пожалуй, не нуждается в долгом представлении. Профессиональный инструмент для подбора цветовой гаммы от Adobe.

colourlovers.com

colourlovers

Огромное количество палитр и паттернов, созданных пользователями. Можно создавать свои или скачивать уже готовые (если зарегистрироваться) для программ  Illustrator, Photoshop, GIMP и в разных других форматах.

colorhunt.co

colorhunt

Девиз сайта — красивые цветовые палитры каждый день. Их не очень много, но все красивые. Есть возможность создавать свои палитры, но по сравнению с остальными сайтами — возможности этого инструмента довольно скудны — это минус. Но можно написать, что это модный минималистичный инструмент, в котором нет ничего лишнего — и тогда это плюс.

coldr.com

coldr

Хороший инструмент для создания цветовых схем из фотографий. Или для заимствования схем, созданных другими пользователями. Или для скачивания классных паттернов или градиентов в css. Сервис показывает значения цветов выбранной схемы в hex, rgb и hsl. Также можно скачать созданные палитры для Illustrator, Photoshop и GIMP.

pltts.me

pltts.me

Ещё минималичнее предыдущего — выбирай из готовых палитр, экспортируй в SASS, LESS, CSS, PHP или JSON. Наверное, больше подойдёт тем людям, которые не заморачиваются рисованием макетов сайтов, а делают сайты сразу в текстовых редакторах.

color.romanuke.com

incolor

Единственный русский сайт в обзоре. Здесь кто-то заботливый приготовил много замечательных цветовых схем из красивых картинок и снабдил это всё сортировкой по цветам и оттенкам. Получился интересный каталог цветовых схем, но никакого экспорта и изменения готовых палитр не предусмотрено.

stylifyme.com

style

Cервис может «разобрать» любой сайт на цвета и шрифты и сделать скриншот всей страницы по указанному url.

http://gradients.io/ — сочные градиенты, отобранные вручную.

 

Colourco.de

Весьма оригинальный, хоть и не с первых секунд удобный, процесс подбора цветовой гаммы. Есть возможность сохранить результат работы в png, scss,  less и поделиться на него ссылкой.

 

 pingendo

Всегда писал все руками, но внезапно нашёл хороший визуальный редактор для монотонной черновой работы. Если сначала потыкаться пару часов, то приличную сетку можно сделать раз в пять быстрее, чем вручную. Но просто сеткой не обойтись — и на этот случай в программу встроен текстовый редактор для тонкого ювелирного допиливания. Программа экспортирует чистый html без отсебятины и других вредных добавок.

screen3

Возможности:

  • работа со стилями bootstrap
  • выбор шрифтов из google/fonts
  • найду ещё — допишу 😉

Программа незаменима для быстрого прототипирования интерфейсов на bootstrap. Её также должны полюбить те, кому по долгу службы приходится делать лендинги.

Для тех, кто любит буквы. Подборка ссылок на подборки шрифтов для веба и полиграфии, сервисы для подбора шрифтов и работы с ними, обучающие и не очень игры.

В списке — найденные случайно и не очень сайты с бесплатными картинками, за которые не стыдно. В описании встречается копипаст. Авторство не указываю, потому что не помню, что и откуда позаимствовано. Список постоянно дополняется.

Список пополняется по мере нахождения хороших тем для WordPress.