Перейти к содержимому
Бесплатный инструментDesign

Извлекайте точные цвета из любого изображения

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

Используйте этот инструмент бесплатно

Browser tool

Color picker from image

Upload an image, click any pixel, and copy sampled HEX or RGB colors. The image stays in your browser.

Как использовать

1

Загрузите изображение

Перетащите любой файл JPEG, PNG или WebP в палитру цветов. Скриншоты, фотографии и макеты дизайна — все работает.

2

Выберите цвет

Наведите курсор на изображение. Увеличенная лупа показывает увеличенное изображение области под указателем. Нажмите, чтобы зафиксировать цвет.

3

Скопируйте или сохраните значения

Щелкните код HEX, RGB или HSL, чтобы скопировать его в буфер обмена. Повторите действия, чтобы создать коллекцию, или используйте автоматически созданную доминирующую палитру.

Функции

1

Пипетка на уровне пикселей

Наведите указатель мыши на изображение и щелкните любой пиксель, чтобы запечатлеть его точный цвет. Увеличенная лупа следует за курсором, поэтому вы можете точно нацеливаться на отдельные пиксели.

2

Многоформатный вывод

Каждый выбранный цвет отображается одновременно в HEX (#FF5733), RGB (rgb(255, 87, 51)) и HSL (hsl(14, 100%, 60%)) — готовый для вставки в CSS, Figma или любой другой инструмент дизайна.

3

Автоматически созданная палитра

Инструмент анализирует изображение и предлагает пятицветную палитру наиболее доминирующих оттенков, которую вы можете скопировать как набор или настроить, выбрав альтернативные оттенки.

4

Скопировать в буфер обмена

Щелкните значение HEX, RGB или HSL, чтобы мгновенно скопировать его в буфер обмена. Всплывающее уведомление подтверждает копирование, поэтому вы можете вставить его, не переключая контекст.

After this task

After this free tool, open Ai Enhance for the next AI editing workflow.

Continue with Ai Enhance

Технические характеристики

Поддерживаемые форматыJPEG, PNG, WebP, BMP, GIF
Максимальный размер файла30 МБ
Цветовые форматыШестнадцатеричный, RGB, HSL
Размер палитры5 доминирующих цветов (авто)
Увеличение лупы8-кратный зум
ОбработкаКлиентская сторона (Canvas API)

Related Magic Eraser Tools

Общие вопросы

Могу ли я выбрать цвета по скриншоту?

+

Да. Сделайте снимок экрана на своем устройстве, загрузите полученный результат в формате PNG или JPEG и используйте пипетку, как если бы вы делали это с любой фотографией. Это отличный способ попробовать цвета с веб-сайта или приложения.

Насколько точны значения цвета?

+

Инструмент считывает точные данные пикселей sRGB с холста изображения, поэтому значения HEX, RGB и HSL имеют точность с точностью до одной единицы. Имейте в виду, что калибровка вашего монитора может привести к тому, что цвет на экране будет отличаться от числового значения.

Могу ли я извлечь из логотипа полную цветовую палитру бренда?

+

Абсолютно. Загрузите свой логотип, выберите каждый цвет бренда индивидуально и скопируйте коды. Автопалитра также хорошо работает для логотипов с отдельными цветовыми блоками.

Нужно сначала улучшить изображение?

Если исходная фотография темная или шумная, AI Enhance может улучшить экспозицию и уменьшить зернистость, предоставляя палитре цветов более чистые и точные образцы для работы.

Попробуйте бесплатно

More free tools

Explore our other limited free edits after sign-in photo and image tools.

Создавайте красивые градиенты и экспортируйте их в формате CSS или изображений.

Создавайте линейные, радиальные и конические градиенты с несколькими цветовыми точками. Скопируйте код CSS или загрузите изображение в формате PNG. Никакой регистрации не требуется.

Преобразование цветовых кодов между всеми основными форматами

Преобразуйте цвета между именованными форматами HEX, RGB, HSL, HSB, CMYK и CSS. Просмотрите предварительный просмотр в реальном времени, скопируйте любое значение и экспортируйте карту цветов. Никакой регистрации не требуется.

Преобразование HEX-кодов цветов в RGB и обратно.

Преобразуйте цветовые коды HEX в значения RGB и наоборот. Предварительный просмотр в реальном времени, копирование одним щелчком мыши и вывод фрагмента CSS. Регистрация не требуется — работает в вашем браузере.

Извлеките цветовую палитру из любой фотографии

Загрузите фотографию и извлеките 5–10 доминирующих цветов с помощью кодов HEX, RGB и HSL. Копируйте образцы, экспортируйте их как переменные ASE или CSS. Никакой регистрации не требуется.

Создавайте настраиваемые QR-коды для любого контента

Создавайте QR-коды для URL-адресов, текста, учетных данных Wi-Fi и визитных карточек. Настройте цвета, добавьте центральный логотип и загрузите его в формате PNG или SVG. Никакой регистрации не требуется.

Рассчитать размеры в пикселях для любого соотношения сторон

Рассчитайте ширину, высоту или соотношение сторон изображений и видео. Введите любые два значения и получите третье. Предустановленные соотношения для социальных сетей, фильмов и печати. Никакой регистрации не требуется.