Выбор цвета из изображения
Instantly extract colors from any image. Get HEX, RGB, and HSL values with a single click. Works entirely in your browser for maximum privacy.
- Нажмите, чтобы выбрать цвет - Просто нажмите на любую точку вашего изображения, чтобы извлечь точный цвет
- Множественные форматы - Получите цвета в форматах HEX, RGB и HSL мгновенно
- Системный выбор цвета - Используйте API EyeDropper для выбора цветов из anywhere на вашем экране
- История цветов - Автоматически сохраняет последние 16 выбранных цветов для быстрого доступа
- 100% Приватно - все обработка происходит локально в вашем браузере, загрузка не требуется
Нажмите или перетащите изображение сюда для загрузки
Поддерживает JPG, PNG, GIF, WebP и другие форматы
Как использовать
Следуйте этим пошаговым руководствам, чтобы извлечь цвета из изображений и использовать системный цветовой-picker.
Выбор цветов из изображения
2 минУзнайте, как за секунды извлечь цвета из любого файла изображения.
- 1
Загрузите ваше изображение
Нажмите на область загрузки или перетащите ваше изображение. Поддерживает JPG, PNG, GIF, WebP и все распространенные форматы изображений.
- 2
Нажмите, чтобы выбрать цвет
Перетащите курсор на изображение и нажмите на любой пиксель. Инструмент мгновенно извлечет точный цвет в этом месте.
- 3
Просмотр форматов цвета
Увидьте выбранный цвет в форматах HEX (#RRGGBB), RGB (r, g, b) и HSL. Каждый формат показывает пример цвета.
- 4
Копирование кода цвета
Нажмите на кнопку копирования рядом с любым форматом, чтобы скопировать его в буфер обмена. Используйте его немедленно в своих дизайнерских инструментах или коде.
Использование системного выбора цвета
1 минУзнайте, как использовать встроенный инструмент EyeDropper для выбора цветов из любого места на вашем экране.
- 1
Проверка поддержки браузером
Кнопка выбора системы цвета появляется, если ваш браузер поддерживает API EyeDropper (Chrome, Edge и некоторые браузеры на основе Chromium).
- 2
Активация EyeDropper
Нажмите кнопку 'Использовать системный выбор цвета'. Ваш курсор изменится на иконку лупы/eyedropper.
- 3
Выбор из любого места
Переместите лупу над любым пикселем на вашем экране (не только загруженным изображением) и нажмите, чтобы захватить этот цвет.
- 4
Цвет захвачен
Захваченный цвет появляется в панели цветов с всеми форматами. Он также автоматически сохраняется в вашей истории цветов.
Управление историей цветов
2 минУзнайте, как использовать функцию истории цветов для отслеживания и повторного использования ваших захваченных цветов.
- 1
Автоматическая история
Каждый выбранный вами цвет автоматически сохраняется в панели истории цветов. Инструмент хранит до 16 последних цветов.
💡 Tip: Дублирующиеся цвета не сохраняются - хранятся только уникальные цвета.
- 2
Нажмите для вызова
Нажмите на любой образец цвета в панели истории, чтобы вызвать этот цвет. Его детали появятся в текущей панели цветов.
- 3
Копирование из истории
Вы можете напрямую копировать коды цветов из истории цветов. Просто нажмите на образец, чтобы выбрать его, затем используйте кнопки копирования.
- 4
Постоянство истории
История цветов сбрасывается при обновлении страницы. Для постоянного хранения скопируйте важные цвета в свои заметки или систему дизайна.
"Этот инструмент выбора цветов просто спасает мою рабочую流程 в дизайне! Я загружаю скриншоты из источников вдохновения и instantly извлекаю точные коды цветов. Форматы HEX, RGB, HSL охватывают все, что мне нужно. Система выбора цветов системы amazing для захвата цветов из других приложений!"
"Наконец-то инструмент выбора цветов, который не требует загрузки изображений на какой-то сервер. Факт того, что все работает локально, означает, что я могу безопасно использовать скриншоты проектов клиентов. Функция истории цветов так полезна для сравнения тонов."
"Я использую этот инструмент ежедневно для извлечения цветов из фотографий для создания палитры цветов. Точность идеальна - то, что я вижу на изображении, то и получаю. Наличие HEX, RGB и HSL в одном месте экономит мне кучу времени."
"Система выбора цвета (EyeDropper) - это чистая магия! Я могу выбирать цвета из инструментов разработчика браузера, других веб-сайтов или даже моего дизайна программного обеспечения. Превью цветов помогает мне проверить, правильно ли я выбрал тон, перед тем как скопировать."
"История цветов - это такая умная функция. Когда я выбираю тона для градиента, я могу видеть все мои предыдущие выборы lado a lado. Инструмент предотвращает дублирование сохранений, что поддерживает мою историю чистой. Простой, но гениальный!"
"Я обнаружил этот инструмент, когда создавал палитры цветов из своих работ. Загрузка моих работ и нажатие для извлечения цветов интуитивно понятна. мгновенный просмотр с расчетом контрастных цветов помогает мне проверить, хорошо ли сочетаются цвета."
Часто задаваемые вопросы
Найдите ответы на часто задаваемые вопросы о выборе цветов из изображений.