Инструменты для работы с цветовыми палитрами

Моя подборка онлайн инструментов для работы с цветом и цветовыми палитрами. Моим личным фаворитом является Design Seeds, который я люблю за прекрасные фотографии и приятные глазу палитры. На работы из серии «Еда» я могу смотреть бесконечно 🙂

Эти инструменты помогают в поисках вдохновения и понимании того, как какой-либо цвет будет выглядеть а) в сочетании с другими цветами б) в качестве элемента на веб-странице или даже в интерьере.

Online tools for color palette generators and color analysis.

Design Seeds

http://www.design-seeds.com/

Замечательный ресурс, на котором ежедневно появляются новые цветовые палитры созданные на основе очень красивых изображений.

Палитры составляются дизайнером Jessica Colaluca и могут послужить как вдохновением, так и руководством к действию. Источники изображений не разглашаются, видимо для того, что бы сохранить уникальность, хотя я бы многие даже распечатала и повесила, что бы любоваться 🙂

На сайте есть поиск по цветам. Также можно выбрать какой-то цвет в палитре (клик!) и покажутся связанные с ним палитры. Код цвета представлен в формате hex, что очень удобно для web.

Color Combinations

http://www.colorcombos.com/

Этот замечательный ресурс, не такой простой, как предыдущий, но в нем намного больше инструментов для работы с палитрами. Его название «Комбинации цветов» говорит само за себя. Сайт только на английском языке, но в принципе все достаточно понятно (как мне кажется). Тут нет красивых картинок, зато можно искать нужный цвет с его характеристиками (поиск справа вверху), смотреть какие комбинации цветов были с ним составлены, составлять собственные комбинации и даже определять какие цвета используются для того или иного сайта 🙂
Cайт был создан с целью помочь веб-дизайнерам быстро выбрать и проверить цветовые комбинации и свойства выбранных цветов.

Colors Tool

http://www.colortools.net/

Еще один замечательный ресурс, название которого можно перевести как «Инструменты для цвета». Увы, тоже только на английском языке, но вроде понятный 🙂 Тут уже можно разгуляться и сделать следующее (меню в левой колонке, верхний блок):

  • Подобрать похожие цвета (можно включить опцию web safe color);
  • Проверить совместимость выбранных цветов;
  • Выбрать цвет в 12-bit RGB палитре (6x16x16 = 4096 цветов);
  • Найти цвет по RGB коду;
  • Смешать цвета и посмотреть что выйдет :);
  • Скомбинировать два цвета;
  • Сравнить шесть выбранных цветов;
  • Найти «безопасный» для веб аналог выбранного цвета;
  • Найти противоположный цвет;
  • Выбрать случайные комбинации  из восьми цветов;
  • Проверить как будет выглядеть текст в каком-то цвете на определенной подложке;
  • Выбрать цвет «безопасный» для веб (6x6x6 = 216 цветов).

Color-Hex

http://www.color-hex.com/

На Color-hex.com можно  найти информацию о цвете, включая код цвета в RGB, HSL, HSV и CMYK. Кроме этого на сайте для каждого цвета рассчитываются монохроматические цвета, похожие цвета, дополнительные цвета.  Дополнительно можно увидеть как цвет себя ведет в качестве html элемента (подложка, текст, фигура, граница и т.д.) с CSS кодом. На сайте работает поиск по HEX коду, но можно и просто выбирать в сушествующих палитрах цветов.

Color Palette Generator

http://www.degraeve.com/color-palette/

Полезный инструмент, позволяющий проанализировать и выделить цвета из любого изображения в интернете. Просто скопируйте URL выбранного изображения и нажмите кнопку «Color-Palette-ify!» Цвета представлены в двух вариантах: ярком и приглушенном.

Color Hunter

http://www.colorhunter.com

На закуску онлайн инструмент для выделения палитры цветов из загруженных изображений. Кроме этого там есть поиск по слову, коду цвета и изображения по URL также обрабатываются. Как и в предыдущем случае цвета можно посмотреть в разной степени яркости.

Итого

Я уверена, есть масса других полезных ресурсов (в том числе русскоязычных), которые я не нашла. Пока мне хватает и этих 🙂 но если вы поделитесь теми, которые используете вы, то будет очень здорово!

0

Комментариев нет

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