Извлечение цветовой палитры
Загрузите изображение или вставьте URL — извлечём доминирующую палитру через кластеризацию K-Means. Экспорт в CSS-переменные, конфиг Tailwind или JSON.
Перетащите изображение или кликните для загрузки
PNG, JPG, WEBP, GIF, SVG до 20 МБ
Извлечение палитры — 3 кредита за изображение. Нужен вход в аккаунт.
Цвета ещё не извлечены
Загрузите изображение, чтобы увидеть доминирующие цвета
Как это работает
Загрузите изображение
Перетащите фото, логотип, скриншот или иллюстрацию. Вся обработка происходит в Вашем браузере — на сервер ничего не отправляется.
Кластеризация K-Means
Алгоритм группирует миллионы пикселей в до 10 доминирующих кластеров цвета, объединяя слишком похожие оттенки.
Экспортируйте и используйте
Копируйте отдельные HEX-значения или экспортируйте всю палитру как CSS custom properties или JSON-токены.
Часто задаваемые вопросы об извлечении палитры
Похожие инструменты
Другие инструменты UIXColors, которые хорошо дополняют «Извлечение палитры из изображения».
Извлечение стайл-гайда сайта
Извлеките полный стайл-гайд с любого URL: цвета, шрифты, логотипы, кнопки, дизайн-токены. Браузерная точность через настоящий Chromium. Бесплатно.
Конвертер цветов
Конвертируйте цвета между форматами HEX, RGB, HSL, OKLCH, OKLab, CMYK и именованными. Превью в реальном времени. Бесплатно для дизайнеров и фронтенд-разработчиков.
Проверка контрастности WCAG
Проверяйте коэффициент контрастности цветов на соответствие WCAG 2.1 AA и AAA. Тестируйте пары «текст и фон» на доступность. Мгновенный результат, бесплатно.