Определить основные цвета изображения
Чтобы подобрать цвета страницы под фотографию или восстановить фирменные цвета бренда по логотипу, когда гайдлайн никто не может найти.
- Работает целиком в вашем браузере
- Работает без интернета
- Без отправки файлов
- Без регистрации
- Без водяных знаков
Загружаем инструмент…
Как это работает
- Перетащите одно или несколько изображений.
- Выберите нужное количество цветов.
- Скопируйте результат как переменные CSS (для веб-страниц) или как JSON.
Почему ничего не отправляется на сервер
Всё, что делает эта страница, выполняет код внутри вкладки вашего браузера — тем же движком, который рисует веб-страницы. Файл читается с диска в память вкладки, преобразуется там и записывается обратно как загружаемый файл. Он никуда не отправляется — ни нам, ни третьей стороне.
Проверьте сами
- Откройте инструменты разработчика в браузере (F12) и перейдите на вкладку «Сеть» (Network).
- Загрузите свой файл и запустите инструмент.
- Единственные запросы, которые вы увидите, — это код самого инструмента, а у нескольких тяжёлых инструментов ещё и их открытый движок из публичного CDN, плюс один небольшой сигнал о просмотре страницы на loreatec.jp (адрес и заголовок страницы, больше ничего). Ни один из них не несёт ваш файл.
Частые вопросы
Как выбираются цвета?
Похожие цвета объединяются в группы, а группы ранжируются по тому, какую долю изображения они занимают, — поэтому первым идёт цвет, который вы бы назвали фоном. Для одного и того же изображения результат всегда одинаков, а это важно, когда вы утверждаете фирменные цвета.
Почему палитра выглядит немного приглушённой?
Потому что каждый образец — это среднее по своей группе. Фотография с ярко-красным логотипом на большой серой стене в основном серая, и ранжирование это честно показывает. Запросите больше цветов, чтобы вытащить и мелкие акценты.
Можно ли получить точный цвет логотипа?
Для плоской графики — да: области однородны, поэтому среднее и есть настоящее значение. Для фотографии напечатанного логотипа — нет: освещение сдвигает каждый пиксель, и результат получается лишь приближением.
А как насчёт прозрачности?
Прозрачные пиксели игнорируются, а не считаются белыми, поэтому логотип в PNG без фона даёт цвета самого логотипа, а не палитру, в которой преобладает белый.