Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#подборки</a>

2 <ul><li>19 янв 2022</li>

3 <li>0</li>

4 </ul>Предупреждаем: некоторые из них могут увлечь посильнее тиктока на ночь!

5 Фото: Peter Cade / Getty Images

6 Работа с цветом требует большой базы знаний. К счастью, есть удобные инструменты для подбора гармоничных сочетаний - они пригодятся и графическим дизайнерам, и промышленным, и иллюстраторам. Полезно иметь их под рукой, когда дело касается цвета стен в кухне, кроссовок под платье или если это комментарий клиента: "Такой серый плохо смотрится с красным нашего брендбука".

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

8 Ресурс позволяет собрать собственные наборы цветов и делиться ими с другими дизайнерами в публичной библиотеке. В ней уже больше миллиона готовых палитр.

9 В <a>генераторе</a>по нажатию пробела перебирайте сочетания, пока не найдётся "То Самое". Цвета можно сохранять по одному, все сразу или копировать их коды.

10 Также в Coolors можно сразу проверить контраст цветов - полезно для тех, кто разрабатывает интерфейс приложения или сайта:

11 Скриншот: сайт<a>Coolors</a>Это открытая коллекция цветовых палитр: можно не только выбрать готовый набор, но и создать свой. Порядок в этой публичной библиотеке поддерживают кураторы: они проверяют предложенные комбинации и добавляют их на главную страницу.

12 Теги сортируют все наборы по категориям-настроениям. Можно посмотреть самые популярные палитры за месяц, год или за всё время с 2015 года.

13 Скачать цветовую схему можно только в формате png или забрать ссылкой. Каждый цвет обозначен в формате HEX и RGB.

14 Скриншот: сайт<a>Color Hunt</a><a>Цветовой</a>сервис для тех, кто готов самостоятельно искать нужные оттенки.

15 Чтобы выбрать цвет, нужно двигать курсором: влево и вправо для поиска тона, вниз и вверх для настройки яркости, скролл - для насыщенности. Один клик сохраняет цвет. Скачать собранные комбинации нельзя, но можно скопировать HEX-код каждого цвета.

16 Скриншот: сайт<a>Colordot</a>Мобильное приложение сервиса способно ещё и распознавать цвета объектов через камеру. Например, можно определить оттенок брюк и свайпами по экрану подобрать к ним ещё пару гармоничных цветов. Или навести камеру на ковёр и подобрать к нему бодрящий цвет стен.

17 Сервис существует с 2005 года и накопил 62 тысячи цветов и 17 тысяч комбинаций. Главная функция - создание цветовой схемы по загруженной фотографии.

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

19 Скриншот: сайт<a>Colr.org</a>. Использованное изображение:<a>Wikimedia Commons</a>Сервис позволяет подобрать собственную цветовую схему: водите курсором по экрану и добавляйте цвета в один клик.

20 На основе выбранного оттенка можно сделать<a>"иттеновские" палитры</a>: аналоговую, комплементарную, триадную. Эта функция поможет дизайнерам и стилистам самим составить стройную цветовую систему, когда их работа не ограничена жёстким форматом брендбуков.

21 Собранные комбинации сохраняйте в формате png, sass или ссылкой. Если эти способы не подходят, то можно забрать цвета HEX-кодами.

22 Скриншот: сайт<a>Toptal</a>Большинство сервисов выдают цвета в формате HEX-кода. Но что делать, если нужна раскладка цвета по CMYK? Для этого рекомендуем добавить в закладки<a>проект Color-Hex</a>. Он может конвертировать значения любых цветов в нужные форматы: например,<a>RGB в CMYK, HEX в HSB, HSL в HEX</a>.

23 Скриншот: сайт<a>Color-Hex</a>Лаконичный сервис для тех, кто думает над комментарием клиента: "Этот жёлтый недостаточно розовый". С помощью кнопки Add Overlay и слайдера можно добавить выбранному цвету или целой палитре дополнительный оттенок. Палитра может быть очень большой: мы протестировали схемы в 56 цветов - и это ещё не предел.

24 Цвета копируются в формате HEX-кодов по одному, все сразу или ссылкой.

25 Скриншот: сайт<a>Javier</a>Сервис умеет делать всё, что могут вышеперечисленные сервисы: извлекать цвета из изображений, составлять палитры. Библиотека готовых схем кажется безграничной.

26 Ещё Adobe помогает дизайнеру заботиться о разных группах пользователей: есть возможность<a>адаптировать цвета под три типа дальтонизма</a>и выявить конфликт контрастов. К тому же этот глобальный сервис имеет русскоязычный интерфейс.

27 Скриншот: сайт<a>Adobe Color</a>Adobe Color Wheel:<a>сайт</a>. Это встроенный сервис системы Adobe, где необходима подписка на Creative Cloud. Без подписки функции сервиса ограничены. Актуальные тарифы можно узнать<a>здесь</a>.

28 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>