Извлеките доминирующие цвета из изображения: логотипа, фотографии, картины или скриншота. Палитра находится кластеризацией пикселей изображения по их визуальной схожести; для каждого цвета указывается его доля в картинке, а экспортировать палитру можно как пользовательские свойства CSS, JSON или простой текст. Ничего не покидает ваше устройство.
Как это работает
- Перетащите, вставьте или выберите изображение.
- Выберите от 5 до 8 цветов; щёлкните по образцу, чтобы увидеть его HEX, RGB, HSL и OKLCH.
- Скачайте палитру в формате .css, .json или .txt.
Частые вопросы
- Мой файл куда-нибудь загружается?
- Нет. Всё происходит внутри вашего браузера, на вашем собственном устройстве. Вы можете убедиться в этом сами: откройте инструменты разработчика (DevTools), перейдите на вкладку «Сеть» и понаблюдайте за ней, пока работает инструмент, — никаких загрузок не будет. Значок рядом с заголовком страницы в реальном времени показывает, сколько байт отправила эта страница.
- Как выбираются цвета?
- Уменьшенная копия изображения делится на цветовые группы (median cut), затем группы уточняются по тому, насколько похожими цвета кажутся глазу (k-means в OKLab). Почти одинаковые оттенки объединяются, поэтому вы получаете отчётливо разные цвета, упорядоченные по тому, какую часть изображения занимает каждый. Одно и то же изображение всегда даёт одну и ту же палитру.
- Почему цветов получилось меньше, чем задано?
- Если в изображении всего несколько явно различных цветов — например, в плоском логотипе, — палитра показывает именно их, а не дополняет список почти одинаковыми оттенками. Прозрачные области не учитываются.