Инструмент выбора цвета с экрана

Онлайн-подбор цвета из любой области экрана или изображения, поддержка вывода в форматах HEX, RGB, HSL и CMYK, история цветов и экспорт палитры.

Сообщить об ошибке

Режим выполнения в браузере: Ваши данные обрабатываются в браузере и не загружаются на сервер.

Скорость и стабильность: Скорость обработки зависит от вашего устройства и браузера. Для больших пакетов настольная версия может быть стабильнее.

Загрузка инструмента, подождите...

Если онлайн-инструмент не загружается или не запускается, попробуйте настольный инструмент. https://tools.yikeaigc.com/

Использование инструмента

Вернуться к старой версии

Совет: Сначала выберите источник цвета и задайте параметры вывода, затем переходите к выбору цвета. Системный выбор вызывает пипетку устройства; выбор из изображения и пакетный анализ выполняются локально.

Источник цвета

Выберите способ начала или загрузите пример изображения.

Настройки вывода

После сохранения настройки восстановятся при следующем открытии.

Регистр HEX Точность вывода Размер истории Число основных цветов

Включать CSS-переменные при экспорте Записывать координаты изображения Автокопирование HEX после выбора

Совет: Для выбора цвета сначала выберите изображение, затем нажмите на нужный пиксель. При движении мыши показываются лупа и текущие координаты; для пакетных изображений отображаются только первые 20 файлов, но обрабатываются все.

Область выбора цвета

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

Выбрать изображение Пакет изображений

Ожидание изображения Выберите изображение или загрузите пример, затем нажмите на картинку для выбора цвета.

Текущий цвет

Поддерживаются HEX, RGB, HSL, HSV, CMYK и LAB.

#2F80ED

Ввести цвет вручную

Контраст на белом: - Контраст на черном: -

Пакет изображений

Извлечь основной цвет каждого изображения, имена файлов сохраняются.

Пакетные изображения не выбраны

Совет: Нажмите кнопку справа от любого формата, чтобы скопировать. Также можно экспортировать JSON, CSS, текстовое описание ASE или SVG-палитру. История хранится локально и может быть очищена.

Форматы цвета

Популярные форматы текущего цвета для разработки и дизайна.

История и палитра

Нажмите образец, чтобы применить цвет снова.

Предпросмотр пакетных результатов

Файл	Основной цвет	HEX	RGB	Статус

Инструкции

Инструкция по использованию

Настройка источника выбора цвета: после входа в инструмент сначала выберите выбор цвета с экрана, выбор цвета с изображения или режим пакетной обработки изображений, а также при необходимости настройте регистр HEX, точность вывода, количество записей истории и количество основных цветов для пакетного анализа.
Сохранение часто используемых настроек: нажмите «Сохранить настройки», чтобы записать текущие параметры вывода; если нужно восстановить исходные параметры, нажмите «Восстановить по умолчанию».
Выбор цвета с экрана: выберите «Выбор цвета с экрана», затем нажмите «Запустить системный выбор цвета» и щелкните по нужному месту, чтобы получить значение цвета. Если текущее устройство не поддерживает эту возможность, можно использовать выбор цвета с изображения.
Выбор цвета с изображения:
- Нажмите «Выбрать изображение», чтобы загрузить локальное изображение, или нажмите «Загрузить пример», чтобы попробовать процесс.
- После отображения изображения переместите курсор мыши в нужную область, чтобы увидеть лупу и координаты.
- После щелчка по целевому пикселю инструмент сгенерирует соответствующие форматы HEX, RGB, HSL, HSV, CMYK, LAB и другие.
Пакетный анализ основных цветов изображений:
- Нажмите «Пакетные изображения», чтобы выбрать несколько изображений; в интерфейсе будут показаны только первые 20 файлов, остальные файлы также будут обработаны.
- После нажатия «Начать пакетный анализ» инструмент извлечет основные цвета для каждого изображения и сгенерирует результаты.
- После завершения обработки нажмите «Скачать ZIP», чтобы получить соответствующие JSON- и CSS-файлы результатов для каждого изображения.
Копирование и экспорт результатов: на этапе «Копирование и экспорт» можно отдельно скопировать один из форматов цвета, скопировать все результаты или экспортировать JSON, CSS, SVG-карту цветов и файл палитры.
Управление историей цветов: каждый выбор цвета добавляется в историю; нажмите на цветовой блок в истории, чтобы снова применить этот цвет. Если сохранять историю не нужно, нажмите «Очистить историю».

Частые вопросы

Ответ: возможно, текущая среда устройства не поддерживает системный выбор цвета или запрос на выбор цвета был отменен. Можно использовать выбор цвета с изображения: сначала сделайте снимок нужной области, затем загрузите изображение и щелкните для выбора цвета.

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

Ответ: поддерживается вывод HEX, RGB, HSL, HSV, CMYK, LAB, XYZ и CSS-переменных; можно использовать для стилей веб-страниц, пометок в дизайн-макетах, систематизации фирменных цветов и справочных значений цветов для печати.

Ответ: для пакетных результатов по возможности используются исходные имена файлов изображений для создания соответствующих файлов JSON и CSS. При совпадении имен к имени файла добавляется число, чтобы избежать перезаписи существующих результатов.

Ответ: история цветов сохраняется на текущем устройстве и остается доступной, если не очистить ее вручную или не удалить данные сайта. Количество записей истории можно выбрать в настройках.

Ответ: нет. Выбор цвета с изображения, пакетный анализ основных цветов и экспорт палитры выполняются локально на текущем устройстве; файлы изображений не загружаются на сервер.