ESC

Генератор и конвертер цветовых палитр

Выбор цвета
Введите цветовой код (HEX, RGB, HSL)
Значения цвета
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
CMYK: cmyk(76%, 47%, 0%, 4%)
HSB: hsb(217°, 76%, 96%)
Настройки палитры
3 5 12
Сгенерированная палитра
Настройки градиента
0%
100%
Предпросмотр градиента
Загрузить изображение
Перетащите изображение сюда

Поддерживаются JPG, PNG, GIF, WebP (макс. 10 МБ)

Извлечённые цвета
3 8 16

Примеры использования

Веб-дизайн

Создавайте гармоничные цветовые палитры для сайтов.

#FF6B6B #4ECDC4 #45B7D1...
Дизайн логотипа

Профессиональные цветовые сочетания для фирменного стиля.

#2C3E50 #E74C3C #F39C12...
Визуальный анализ

Извлекайте цветовую палитру из существующих изображений.

Цветовой анализ ...

Возможности

Конвертер цветов

Конвертация между форматами HEX, RGB, HSL, CMYK, HSB

Извлечение цветов из изображений

Автоматическое извлечение доминирующих цветов из изображений

Генератор градиентов

Создание линейных, радиальных и конических градиентов

Типы палитр

Монохроматические, аналогичные, комплементарные типы палитр

📋

Быстрое копирование

Копирование цветового кода в буфер обмена одним нажатием

Доступность

Контрасты и рекомендации с учётом дальтонизма

Как пользоваться?

1

Выберите цвет

Используйте палитру для выбора цвета или введите цветовой код

2

Укажите формат

Выберите нужный формат цвета (HEX, RGB, HSL, CMYK)

3

Сгенерируйте палитру

Создайте профессиональные цветовые палитры с разными типами гармонии

4

Создайте градиенты

Генерируйте пользовательские градиенты и получайте CSS-код

5

Анализ изображений

Автоматически извлекайте цвета из изображений и добавляйте в палитру

Часто задаваемые вопросы

HEX, RGB, HSL, CMYK и HSB. Выберите любой формат, и остальные обновятся мгновенно.

Перетащите изображение на вкладку «Анализ изображений», и инструмент автоматически определит доминирующие цвета.

Да, экспорт доступен в JSON, CSS или ASE для использования в Figma, Sketch или CSS.

Что такое генератор цветовых палитр?

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

Мгновенная конвертация цветов

Работаете с HEX в CSS, но нужен RGB для JavaScript Canvas? Этот инструмент конвертирует между HEX, RGB, HSL, CMYK и HSB в реальном времени. Введите значение в любом формате — остальные обновятся мгновенно. Никаких догадок, никаких ручных вычислений.

Извлечение цветов из любого изображения

Загрузите фото или скриншот, и инструмент определит доминирующие цвета. Идеально для создания палитры, соответствующей существующему бренду, мудборду или фотографии, на которой основан ваш дизайн. Работает с JPG, PNG, GIF и WebP до 10 МБ.

Генерация CSS-градиентов

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

Конфиденциальность

Всё работает в браузере. Ваши изображения и цветовые данные не покидают устройство — ничего не загружается на сервер. Используйте инструмент свободно, не беспокоясь о безопасности ваших дизайн-файлов.

Безопасность и конфиденциальность

Безопасность ваших данных — наш приоритет

Локальная обработка

Вся обработка происходит в вашем браузере

Без передачи данных

Ваши данные не отправляются на наши серверы

Без хранения данных

Данные не хранятся и не передаются

SSL-шифрование

SSL-шифрование для безопасного соединения

Next Step