Пипетка цвета: сэмплирование пикселей и палитры
Пипетка цвета позволяет загрузить изображение, кликнуть любой пиксель и прочитать его точный цвет в hex или RGB. Она также извлекает доминирующую палитру до 6 цветов с помощью грубого квантования цвета, помогая построить схему по фото. Обработка остаётся в вашем браузере, поэтому изображение никогда не загружается.
Пипетка цвета из изображения — это браузерный инструмент для сэмплирования цветов из изображения и изучения его доминирующей палитры. Добавьте изображение, кликните любой пиксель и получите точный цвет этого пикселя как значение hex или RGB. Инструмент также автоматически извлекает до 6 доминирующих цветов, предлагая полезную отправную точку для схемы на основе фото.
Чтобы изучить конкретный цвет, кликните прямо по пикселю, который хотите сэмплировать. Возвращаемое значение представляет этот пиксель, а палитра генерируется с помощью грубого квантования цвета. Можно просмотреть извлечённые цвета и скопировать нужное сэмплированное значение; доступные представления сэмплированного пикселя — hex и RGB.
Hex и RGB по-разному выражают цвета: hex использует компактную шестнадцатеричную запись, а RGB представляет красный, зелёный и синий цветовые каналы. Превращение визуального референса в одно из этих значений полезно, когда нужно сопоставить цвет в дизайне, сравнить варианты или задокументировать выбор цвета. Автоматическая палитра также помогает изучить цвета, присутствующие на фото.
Пипетка цвета обрабатывает изображение в вашем браузере. Изображение никогда не загружается и не отправляется на сервер, а инструмент работает офлайн после загрузки страницы. Он бесплатен, поэтому полезен разработчикам, DevOps-инженерам, дизайнерам и всем, кому нужно сэмплировать или сравнивать цвета изображений без установки отдельного инструмента.
Шаг 1: Откройте пипетку цвета и добавьте или перетащите изображение. Изображение готово к сэмплированию в браузере.
Шаг 2: Кликните пиксель, цвет которого хотите изучить. Инструмент возвращает точный цвет этого пикселя, а не оценку на глаз.
Шаг 3: Прочитайте сэмплированное значение в hex или RGB. Используйте представление, подходящее вашим дизайнерским или документационным нуждам.
Шаг 4: Просмотрите автоматически извлечённую палитру до 6 доминирующих цветов. Она поможет найти дополнительные отправные точки на основе изображения.
Шаг 5: Скопируйте значение цвета, которое хотите использовать. Можно сэмплировать другой пиксель, чтобы сравнить цвета.
Пример использования: Выберите точный цвет изображения вместо угадывания на глаз. Кликните пиксель и прочитайте его значение в hex или RGB.
Пример использования: Сопоставьте значение цвета, ожидаемое дизайном или документом. Пипетка предоставляет сэмплированный цвет в двух распространённых представлениях.
Пример использования: Сравните цвета из разных частей изображения, прежде чем остановиться на одном. Сэмплирование пикселей упрощает проверку точных значений.
Пример использования: Постройте стартовую цветовую схему по фото. Автоматически извлечённая палитра содержит до 6 доминирующих цветов.
Пример использования: Изучите скриншот или мокап, когда нужно определить цвет конкретного пикселя. Браузерная пипетка делает сэмплирование прямым и быстрым.
Пример использования: Проверьте цвет в визуальном референсе перед использованием в проекте. Скопируйте сэмплированное значение для дизайнерского или документационного workflow.