Определение цвета на изображении
Загрузите изображение и кликните в любом месте для определения цвета. Получайте точные значения цветов с помощью лупы. Копируйте в формате HEX, RGB или HSL.
Перетащите изображение сюда или нажмите для выбора
Поддерживаются форматы JPG, PNG, WebP.
Вся обработка происходит в вашем браузере. Ваши изображения никогда не покидают ваше устройство.
Как определить цвет на изображении
Загрузите изображение
Перетащите или нажмите, чтобы выбрать изображение с вашего устройства.
Кликните для выбора
Кликните в любом месте изображения, чтобы определить цвет. Используйте лупу для точности.
Скопируйте код цвета
Скопируйте значение цвета в формате HEX, RGB или HSL одним нажатием.
Сценарии использования
Дизайн интерфейсов
Определяйте точные цвета из макетов и прототипов для создания пиксельно-точных пользовательских интерфейсов.
Вёрстка CSS
Определяйте цвета из файлов дизайна и копируйте готовые значения HEX или RGB в стили.
Подбор цветов на фотографиях
Извлекайте конкретные цвета из фотографий для их использования в графических наложениях, тексте или рамках.
Подбор красок и материалов
Определяйте точные цвета на фотографиях помещений для подбора подходящих красок или образцов материалов.
Проверка доступности
Определяйте цвета переднего и заднего плана для проверки контрастности по стандартам WCAG.
Соответствие бренду
Проверяйте, используют ли опубликованные изображения и материалы правильные фирменные цвета путём определения и сравнения значений.
Часто задаваемые вопросы
Насколько точна пипетка?
Пипетка считывает точное значение пикселя в месте клика. Лупа помогает навести на нужный пиксель. Результаты абсолютно точные.
Какие цветовые форматы поддерживаются?
Поддерживаются HEX (например, #ff0000), RGB (например, rgb(255, 0, 0)) и HSL (например, hsl(0, 100%, 50%)). Нажмите кнопку копирования рядом с любым форматом, чтобы скопировать значение в буфер обмена.
Безопасны ли мои данные?
Да, вся обработка изображений происходит полностью в вашем браузере. Ваши изображения никогда не загружаются на сервер.
В чём разница между форматами HEX, RGB и HSL?
HEX — компактная шестнадцатеричная запись, используемая в веб-дизайне. RGB определяет цвета по значениям красного, зелёного и синего каналов (0–255). HSL описывает цвета по тону, насыщенности и светлоте, что удобнее для подбора вариантов цвета.
Как определять цвета на изображениях с высоким разрешением?
Наша пипетка работает с родным разрешением пикселей независимо от масштабирования дисплея. Лупа позволяет увеличивать и выбирать отдельные пиксели даже на изображениях высокого разрешения, обеспечивая точное определение цвета.
Готовы определить цвет?
Загрузите изображение и начните определять цвета мгновенно. Бесплатно, точно и конфиденциально.