Извлечение цветов из изображения

Что такое онлайн-экстрактор цветов?

Онлайн-экстрактор цветов — это бесплатный инструмент для выбора цвета из изображения, с экрана (если поддерживается браузером) или путём ручного ввода значения. Выбранный цвет мгновенно преобразуется в распространённые форматы: HEX, RGB, HSL, HSV, CMYK и другие. Автоматически создаются гармоничные сочетания, светлые и тёмные тона, контрастность текста и CSS-переменные, которые можно сразу копировать.

Основные возможности

• Выбор с изображения: после выбора локального изображения наведите курсор для предпросмотра цвета пикселя и нажмите, чтобы выбрать его.
• Точная настройка пикселей: после выбора цвета используйте стрелки для точного перехода к соседним пикселям.
• Палитра изображения: основные цвета извлекаются автоматически; нажмите на цвет, чтобы применить его.
• Выбор с экрана: если поддерживается браузером, используйте системную пипетку для выбора любого цвета на экране.
• Ручной ввод: поддерживается выбор цвета или прямой ввод значения HEX / HEXA, например #2563EB.
• Несколько форматов: мгновенное преобразование в HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, CMYK и другие.
• Гармоничные цвета: автоматическая генерация комплементарных, аналоговых, триадных, мягких и малонасыщенных палитр.
• Светлые и тёмные тона: практичные тона от светлых к тёмным для фонов, границ, состояний наведения и элементов интерфейса.
• Контрастность текста: сравнение белого и чёрного текста по стандарту WCAG с перцептивной шкалой в стиле APCA.
• CSS-переменные: копирование в один клик текущего цвета, светлых/тёмных вариантов и рекомендуемых сочетаний интерфейса.
• Обработка в браузере: всё выполняется локально в браузере; изображения не загружаются.

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

1. На вкладке «Изображение» выберите локальное изображение, наведите курсор для предпросмотра и нажмите, чтобы выбрать цвет.
2. Либо на вкладке «Экран» используйте системную пипетку для выбора цвета напрямую.
3. Также можно переключиться на «Вручную» и ввести значение HEX или использовать селектор цвета.
4. Скопируйте из правой панели нужный формат, сочетания, тона или CSS-переменные.