Палитра цветов из изображения
Перетащите изображение. Получите его основные цвета. Всё останется на вашем устройстве.
Перетащите изображение, чтобы получить его цвета
или вставьте изображение (⌘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 | Мудборды и брифы |
| .gpl | GIMP, Inkscape и Krita |
| .ase | Illustrator, Photoshop и InDesign |
Нужно само изображение в другом формате? Воспользуйтесь бесплатным конвертером изображений.
Ограничения
- По одному изображению за раз.
- Анимированные GIF, WebP или APNG: только первый кадр.
- У полностью прозрачных изображений цветов нет.
- Фотографии HEIC (с iPhone) не открываются в Chrome, Edge и Firefox.
Получайте цвета изображений прямо на веб-страницах
Расширение 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: нажмите на изображение правой кнопкой и получите его палитру или сохраните его в нужном формате.