Imgkeep
RU

Палитра цветов из изображения

Перетащите изображение. Получите его основные цвета. Всё останется на вашем устройстве.

Перетащите изображение, чтобы получить его цвета

или вставьте изображение (⌘V / Ctrl+V)

По одному изображению за раз · до 50 МБ

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

Как получить палитру цветов изображения, не загружая его?

Перетащите изображение на эту страницу, чтобы увидеть его 5, 8 или 12 основных цветов — от самого крупного к самому мелкому, с долей каждого. Нажмите на цвет, чтобы скопировать значение HEX, RGB или HSL, или скопируйте все цвета сразу как переменные CSS либо Tailwind. Изображение читается в браузере и никуда не загружается. Без регистрации и рекламы.

Обновлено

Как выбираются цвета?

Изображение уменьшается до 200 пикселей по длинной стороне, прозрачные пиксели не учитываются, а остальные группируются по тому, насколько похожими они выглядят для глаза (кластеризация методом k-средних в цветовом пространстве Lab). Цвета, которые выглядят почти одинаково, считаются одним. Одно и то же изображение всегда даёт одну и ту же палитру.

Что можно сделать с палитрой?

РезультатГде пригодится
HEX, RGB или HSLЛюбой дизайнерский инструмент или CSS
Переменные CSSТаблицы стилей
TailwindЦвета в tailwind.config
JSON или списокКод
Образцы PNGМудборды и брифы
.gplGIMP, Inkscape и Krita
.aseIllustrator, Photoshop и InDesign

Нужно само изображение в другом формате? Воспользуйтесь бесплатным конвертером изображений.

Ограничения

Получайте цвета изображений прямо на веб-страницах

Расширение Imgkeep для Chrome и Edge делает это одним правым кликом, без необходимости сначала сохранять файл: нажмите на любое изображение правой кнопкой, выберите Imgkeep, затем Получить палитру цветов. Работает и с фотографиями на сайтах вроде Instagram и Pinterest, где они скрыты под дополнительным слоем.

Вопросы

Этот инструмент для палитры цветов бесплатный?

Да. Без аккаунта, без ограничений, без водяных знаков и без рекламы.

Моё изображение загружается на сервер?

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

Почему цветов получилось меньше, чем я выбрал?

В изображении меньше различимых цветов. Почти одинаковые цвета объединяются, поэтому логотип из трёх плоских цветов даст три, даже если запросить 8.

В каких форматах можно копировать и сохранять?

Каждый цвет — как HEX, RGB или HSL. Всю палитру — как переменные CSS, фрагмент цветов для Tailwind, JSON или простой список. Файлом: полоса образцов PNG, палитра GIMP (.gpl, её читают также Inkscape и Krita) или образцы Adobe (.ase, для Illustrator, Photoshop и InDesign).

Можно получить палитру изображения прямо на веб-странице?

Да, с бесплатным расширением Imgkeep для Chrome и Edge: нажмите на изображение правой кнопкой, выберите Imgkeep, затем Получить палитру цветов. На сайтах вроде Instagram и Pinterest, где фотографии находятся под дополнительным слоем, выберите Imgkeep: найти изображение здесь, затем Дополнительные параметры и Получить палитру цветов.

Работает ли это на телефоне?

Да, в мобильных браузерах тоже. Расширение Imgkeep работает в Chrome и Edge на компьютере.

Берите цвета прямо из веба.

Используйте Imgkeep для Chrome или Edge: нажмите на изображение правой кнопкой и получите его палитру или сохраните его в нужном формате.