Пипетка
Перетащите, вставьте (Ctrl+V) или нажмите, чтобы загрузить
Загрузите фото, чтобы выбрать цвета
Или попробуйте образец:
Палитра цветов
Пипетка и экстрактор цвета – бесплатный онлайн-инструмент
Наш бесплатный онлайн-экстрактор цвета позволяет выбрать любой цвет с фотографии одним щелчком — не нужно устанавливать программы и создавать аккаунт. Загрузите изображение, наведите курсор для увеличения, кликните на любой пиксель, чтобы мгновенно увидеть его значения HEX, RGB, HSL и HSV, а затем создайте полную палитру цветов на основе выбранного цвета. Скачивайте результаты в любое время.
Как выбрать цвета на фото
Перетащите фото на панель, нажмите кнопку Загрузить фото, или вставьте с помощью Ctrl + V. Поддерживаются форматы JPEG, PNG, WebP, HEIC и GIF.
Наведите курсор на изображение, чтобы приблизить его с помощью лупы, затем нажмите в любом месте, чтобы захватить цвет этого пикселя. Значения HEX, RGB, HSL и HSV появятся мгновенно.
Нажмите на любое поле со значением, чтобы скопировать его в буфер обмена, сохранить цвета на потом или создать полную палитру цветов и экспортировать её в виде CSS-переменных или PNG-полосы с образцами цвета.
Основные возможности
- Четыре формата цвета – просматривайте и копируйте выбранный цвет в форматах HEX, RGB, HSL и HSV одним щелчком по любому полю со значением.
- Точная лупа для пикселей – круглая лупа следует за курсором, что позволяет точно навести на нужный пиксель.
- 8 типов палитр – создавайте палитры: аналоговые, комплементарные, триадные, тетрадные, раздельно-комплементарные, монохромные, оттенки или тона, с 3–10 образцами цвета.
- Параметры экспорта – копируйте все HEX-коды палитры одним действием, скачивайте PNG-полосу образцов цвета или экспортируйте палитру в виде пользовательских свойств CSS (
:root-переменные). - Сохранённые цвета – добавляйте любой цвет в закладки на личную панель сохранённых цветов, хранящуюся в вашем браузере; очищайте их в любой момент.
- Поддержка HEIC – фото с iPhone в формате HEIC/HEIF автоматически конвертируются перед выбором цвета.
- Полностью работает в вашем браузере – ваши фото никогда не загружаются на сервер.
- Бесплатно и без ограничений – без регистрации, без водяных знаков, без ограничений.
Что такое экстрактор цвета?
Экстрактор цвета (или пипетка для изображений) — это инструмент, который считывает точный цвет любого пикселя на фотографии и преобразует его в стандартные цветовые коды, используемые в дизайне и разработке. Вместо того чтобы определять цвет на глаз или вводить значения вручную, вы просто нажимаете на нужную точку, и инструмент выполняет преобразование за вас — от исходных значений RGB, которые отображает ваш экран, до представлений HSL и HSV, используемых в процессах графического дизайна.
Генератор цветовых палитр идёт ещё дальше: как только вы выбрали базовый цвет, он применяет теорию цвета для создания гармоничных цветовых схем, готовых к использованию прямо в CSS, Figma или любом другом дизайн-инструменте.
Распространённые варианты использования
- Извлечение фирменных цветов – извлекайте точные HEX-коды из логотипа или фирменного фото, чтобы использовать их единообразно на сайте или в дизайн-системе.
- Веб- и UI-дизайн – подбирайте цвета под изображение товара или главную фотографию, чтобы макет выглядел цельным.
- Создание палитры – начните с одного ключевого цвета и создайте полную комплементарную или аналоговую схему для проекта.
- Печать и иллюстрация – определяйте цвет по референсным фото, чтобы получить точные значения RGB перед смешиванием красок или настройкой профиля печати.
- Стилизация CSS – экспортируйте переменные палитры прямо в
:root-блок, чтобы сразу использовать в таблице стилей.
Часто задаваемые вопросы
#3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), и HSV (hsv(216, 73%, 84%)). Нажмите на любое поле, чтобы мгновенно скопировать его.:root { } -блок, содержащий каждый цвет палитры в виде пользовательского CSS-свойства (например, --color-1: #3a7bd5;). Эту запись можно сразу вставить в таблицу стилей и использовать эти переменные по всему проекту.