Инструменты

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

Страница собирает рабочие места Colorage в одном списке. Она для дизайнера интерфейса, который подбирает палитру к макету, для разработчика, которому нужен HEX и проверка читаемости, для маркетолога с референсом на фото и для студента, который учится собирать сочетания.

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

Что делает каждый инструмент

• Генератор палитр собирает набор из базового цвета: цвета можно закрепить, переставить и экспортировать.
• Каталог палитр даёт готовые подборки, которые можно открыть и доработать.
• Каталог цветов открывает страницу оттенка: модели, соседние варианты и сочетаемость.
• Пипетка по изображению снимает HEX с пикселя фото и собирает палитру снимка.
• Проверка контраста считает отношение яркости текста и фона и показывает уровни AA и AAA.
• Цветовой круг строит комплементарные, аналогичные и триадные сочетания от выбранного оттенка.
• Визуализация показывает ту же палитру на интерфейсе, бренде, типографике, паттерне и иллюстрации.

С чего начать

1. Если есть фото или скриншот, снимите цвет пипеткой. Если есть только идея оттенка, откройте каталог или круг.
2. Соберите 3–5 цветов в генераторе или возьмите схему с круга.
3. Проверьте пару «текст и фон», прежде чем отдавать макет.
4. Откройте визуализацию и посмотрите, не спорят ли акценты с фоном на реальном экране.