Adobe Color CC (сейчас сервис называется просто Adobe Color) при запросе в поиске часто путают с отдельной программой, но это бесплатный веб-инструмент, который открывается прямо в браузере на сайте color.adobe.com и не требует установки. Он нужен дизайнерам, иллюстраторам и веб-разработчикам для подбора гармоничных цветовых сочетаний на основе цветового круга Иттена.
Сервис работает и без учётной записи, однако авторизация через Adobe ID открывает главную возможность — сохранение палитр в библиотеки Creative Cloud, откуда они автоматически подтягиваются в Photoshop, Illustrator и другие приложения Adobe. Ниже разберём все основные функции инструмента.
Что такое Adobe Color и кому он нужен
Adobe Color — это онлайн-генератор цветовых схем. В его основе лежит цветовой круг, на котором вы двигаете маркеры-точки, а сервис мгновенно пересчитывает гармоничные сочетания по выбранному правилу: аналогия, монохром, триада, комплементарные цвета и другие.
Инструмент полезен в нескольких сценариях:
- 🎨 подбор фирменной палитры для логотипа или брендбука;
- 🖥️ выбор цветов интерфейса для сайта или мобильного приложения;
- 📷 извлечение палитры из фотографии или референса;
- ♿ проверка доступности цветов для людей с нарушениями цветовосприятия;
- 🔄 синхронизация палитр между программами Adobe.
Раньше сервис назывался Adobe Kuler, затем был переименован в Adobe Color CC, поэтому запрос «адоб колор сс» до сих пор часто встречается в поиске. По сути это один и тот же инструмент, просто со сменившимся названием.
Как работать с цветовым кругом
Главный экран сервиса — вкладка Color Wheel (цветовой круг). На круге расположены пять подвижных маркеров, каждый отвечает за один цвет итоговой палитры. Перетаскивая любой маркер, вы меняете весь набор: остальные точки автоматически перестраиваются согласно выбранному правилу гармонии.
Слева от круга находится выпадающий список Color Harmony — правил построения схемы. Доступные варианты включают Analogous (аналогичные), Monochromatic (монохром), Triad (триада), Complementary (комплементарные), Split Complementary, Double Split Complementary, Square, Compound, Shades (оттенки) и Custom (свободный режим).
Под кругом каждый цвет отображается в виде карточки с кодами. Формат представления можно переключить: доступны HEX, RGB, CMYK, HSB и LAB. Для веба чаще всего копируют HEX-код, для печати — CMYK.
Если нужно зафиксировать конкретный цвет, нажмите на его карточку и введите известный код вручную — например, значение из макета заказчика. Остальные маркеры подстроятся под него.
Извлечение палитры из изображения
Вторая ключевая функция — вкладка Extract Theme. Она позволяет загрузить фотографию, и сервис автоматически выделит из неё пять доминирующих цветов. Это удобно, когда нужно подобрать палитру под готовое фото для баннера или обложки.
После загрузки снимка доступны настроения извлечения: Colorful (яркое), Bright (светлое), Muted (приглушённое), Deep (глубокое), Dark (тёмное). Каждый режим по-разному выбирает точки на изображении. Маркеры можно двигать вручную прямо по фотографии, чтобы взять цвет именно с нужного участка.
Дополнительно вкладка Extract Gradient строит плавный градиент из цветов загруженного изображения — его можно остановить на нужном числе промежуточных точек и скопировать коды каждой.
Галерея тем и библиотеки
Раздел Explore — это галерея палитр, созданных другими пользователями. Работает поиск по ключевым словам: например, по запросу «лето» или «ретро» выдаются тематические подборки. Любую чужую тему можно открыть в редакторе и доработать под себя.
В разделе Trends собраны палитры, популярные в разных индустриях — от графического дизайна до моды. Это быстрый способ посмотреть актуальные цветовые направления, не анализируя референсы вручную.
Сохранение и экспорт в Photoshop и Illustrator
Чтобы сохранить палитру, нажмите кнопку Save и выберите библиотеку Creative Cloud. После этого тема появится в панели Window → Libraries в Photoshop и Illustrator. Оттуда цвета добавляются в образцы (Swatches) одним кликом.
Помимо облачной синхронизации, палитру можно скопировать вручную — просто перенеся HEX-коды в любой редактор. Это универсальный способ, если вы работаете не в экосистеме Adobe, а, например, в Figma (хотя для Figma существуют и отдельные плагины импорта).
☑️ Как перенести палитру в Photoshop
Проверка доступности цветов
Отдельная вкладка Accessibility Tools помогает проверить палитру на предмет того, как её увидят люди с различными формами дальтонизма. Сервис показывает, какие цвета в схеме могут «сливаться» при дейтеранопии, протанопии или тританопии.
⚠️ Внимание: симуляция в Adobe Color — это ориентировочная проверка, а не сертификация по стандартам WCAG. Для интерфейсов с требованиями к контрастности дополнительно проверяйте отношение яркости текста и фона специализированными инструментами.
Если сервис помечает конфликт, попробуйте сдвинуть один из маркеров по кругу или изменить насыщенность проблемного цвета — часто достаточно небольшой корректировки, чтобы соседние оттенки стали различимыми.
Типичные проблемы и их решения
Чаще всего пользователи сталкиваются с тем, что палитра не сохраняется. Возможная причина — отсутствие авторизации: без входа в Adobe ID кнопка сохранения либо неактивна, либо тема живёт только до закрытия вкладки. Проверьте, что вы вошли в аккаунт в правом верхнем углу страницы.
Вторая ситуация — сохранённая тема не появляется в Photoshop. Здесь стоит проверить, что в программе выполнен вход под тем же Adobe ID, что и в браузере, и что панель Libraries обновлена. Иногда помогает перезапуск приложения.
⚠️ Внимание: цвета на экране и в печати могут заметно различаться. Перед отправкой макета в типографию переводите палитру в CMYK и сверяйтесь с печатными образцами, а не только с монитором.
| Формат кода | Где применяется | Пример записи |
|---|---|---|
| HEX | Веб-дизайн, CSS | #3A7BD5 |
| RGB | Экранная графика, видео | 58, 123, 213 |
| CMYK | Полиграфия, печать | 73, 42, 0, 17 |
| HSB | Подбор оттенков в редакторах | 215°, 73%, 84% |
| LAB | Цветокоррекция, точный цвет | 51, 4, -48 |
Почему сервис называют то Adobe Color CC, то просто Adobe Color
Изначально инструмент назывался Adobe Kuler. Позже его переименовали в Adobe Color CC в рамках линейки Creative Cloud, а затем убрали приставку CC. Все три названия относятся к одному сервису на color.adobe.com.
Часто задаваемые вопросы
Adobe Color CC — это платный сервис?
Нет, базовые функции — цветовой круг, извлечение тем из фото, галерея — доступны бесплатно. Учётная запись Adobe ID нужна только для сохранения палитр и синхронизации с приложениями Creative Cloud.
Нужно ли устанавливать программу на компьютер?
Нет, Adobe Color работает в браузере. Отдельного десктопного приложения не существует, хотя похожие функции встроены в панель Libraries программ Photoshop и Illustrator.
Можно ли пользоваться сервисом без подписки Creative Cloud?
Да. Платная подписка не требуется — достаточно бесплатной учётной записи Adobe ID для сохранения тем в библиотеки.
Как перенести палитру в Figma или другой редактор?
Скопируйте HEX-коды цветов вручную и вставьте их в нужный редактор. Для Figma также существуют сторонние плагины импорта палитр.
Почему сохранённая тема не видна в Photoshop?
Проверьте, что в Photoshop выполнен вход под тем же Adobe ID, откройте панель Window → Libraries и выберите нужную библиотеку. Если тема не появилась, перезапустите приложение.