Цвета и палитры, которые хочется сохранить
Генератор палитр и каталог цветов. Подбирайте гармонии, проверяйте контраст, конвертируйте HEX/RGB/HSL/OKLCH и экспортируйте в удобные форматы. Большая база палитр и отдельных цветов с описаниями и точными значениями — чтобы быстро находить нужное и сохранять лучшее. От идеи до готовой палитры — за несколько секунд.
Инструменты
Генератор палитр
Наш генератор палитр помогает быстро перейти от идеи к готовому решению. Выберите базовый цвет или загрузите изображение — система предложит гармонии, дополняющие оттенки и аккуратно сбалансированные наборы. Закрепляйте важные цвета, экспериментируйте с вариациями, проверяйте контраст для текста и мгновенно конвертируйте значения между HEX, RGB, HSL и OKLCH.
Алгоритмы учитывают цветовые принципы и практическую применимость: доступность, соотношения контраста и совместимость между моделями. Экспортируйте палитры в популярные форматы (PNG, ASE, CSS, JSON), сохраняйте в коллекции и используйте в проекте за несколько кликов — всё сделано для быстрого и эстетичного рабочего процесса.
Палитры
Готовые сочетания с поиском по названию и фильтрами по стилю, тону, температуре, тематике и числу цветов. Палитру можно сохранить и открыть в генераторе, чтобы сдвинуть оттенки, проверить контраст и выгрузить набор в PNG, ASE, CSS или JSON.
Поиск по названию
Карточка показывает полоску цветов, имя набора и переход к каждому оттенку. Поиск находит палитру по названию, без просмотра всего каталога.
Открыть каталогСтиль и температура
Отдельные подборки для тёплых и холодных схем, а также для пастельных, ярких, нейтральных и цветных палитр.
Пастельные палитрыТон
Светлые, средние и тёмные палитры сразу отсекают неподходящую яркость, если у макета уже задан фон.
Тёмные палитрыЧисло цветов
Страницы для наборов из двух, трёх, четырёх, пяти и шести цветов: от короткого акцента до широкой схемы.
Палитры из 5 цветовЦвета
Отдельные цвета с названием и значениями HEX, RGB, HSL и OKLCH. Ищите оттенок по коду и сужайте каталог по цвету, температуре, тону и насыщенности. На странице цвета собраны конвертация, оттенки, гармонии, похожие цвета и проверка контраста.
Поиск по HEX
Введите код вроде 7F1734. Каталог найдёт цвет и откроет карточку с русским и английским названием.
Открыть каталог цветовПо оттенку
Красный, оранжевый, жёлтый, зелёный, голубой, фиолетовый, розовый и нейтральные группы лежат на своих страницах.
Голубые цветаТемпература и тон
Тёплые и холодные, светлые и тёмные, пастельные и яркие цвета фильтруются так же, как палитры, только для одного оттенка.
Тёплые цветаНасыщенность
Пастельные и яркие страницы отделяют спокойный оттенок от насыщенного, когда цвет уже выбран.
Пастельные цветаПипетка по фото
Загрузите изображение или фото — пипетка мгновенно выдаст точный цвет пикселя и предложит готовую палитру, собранную из снимка. Получайте не только HEX, но и сопутствующие оттенки, контрастные пары и варианты в других цветовых моделях.
Экспортируйте палитру, сохраните её в избранное в личном кабинете или откройте прямо в генераторе для редактирования: тонкая настройка, проверка контраста и экспорт в нужном формате займут секунды. С каждого цвета палитры можно перейти на страницу цвета, чтобы увидеть подробные характеристики и похожие оттенки.
Цветовой круг
Цветовой круг помогает быстро подбирать гармоничные сочетания. Выберите базовый оттенок и насыщенность прямо на круге, затем настройте яркость ползунком — так вы получите нужный тон без сдвига по оттенку.
Доступны популярные схемы гармоний - комплементарная, аналогичная, триада, разделённое комплементарное, тетрада и квадрат. Палитра строится автоматически и отмечается маркерами на круге, чтобы было понятно, откуда берётся каждый цвет.
Визуализация
Визуализация показывает палитру на макете, а не только полоской HEX. Откройте интерфейс, бренд, типографику, паттерн или иллюстрацию и сразу увидите, какой цвет становится кнопкой, фоном, текстом или акцентом.
В разделах есть лендинг, приложение, дашборд, визитка, постер, упаковка, статья, цитата, плитка и другие примеры. Палитру можно сменить прямо на макете и отправить ссылку — так проще согласовать сочетание до того, как оно попадёт в рабочий файл.