Перетаскивайте указатель по палитре и шкале оттенка или введите код HEX, RGB или HSL. Копируйте значение одним щелчком.
Загрузите изображение и кликните по нему, чтобы выбрать цвет
Перетащите изображение сюда или кликните для выбора
Поддерживаемые форматы: JPG, PNG, GIF, WebP
Кликните, чтобы открыть палитру
Загрузите изображение или перетащите его
Кликните по изображению, чтобы выбрать цвет
Скопируйте код цвета в нужном формате
Используйте предустановки или историю для справки
Выбирайте точные цвета прямо с изображений
Поддержка HEX, RGB, HSL, HSV и CMYK
Сохраняйте историю выбранных цветов
Нажмите на превью, чтобы открыть спектр и настроить яркость, введите код HEX или RGB либо воспользуйтесь одним из предустановленных цветов.
Загрузите фото, скриншот или логотип и нажмите на нужную точку изображения. Инструмент определит цвет именно этого пикселя.
Один и тот же оттенок отображается в HEX, RGB, HSL, HSV и CMYK — выберите формат, который использует ваша программа или сайт.
Нажмите «Копировать цвет». Использованные цвета попадают в историю, чтобы их можно было сравнить и применить снова.
Нужно узнать точный цвет логотипа, одежды на фотографии или элемента на сайте-референсе? Загрузите изображение и нажмите на него: пипетка считает выбранный пиксель и сразу покажет код цвета. Картинка открывается только в вашем браузере и никуда не загружается, поэтому инструментом можно спокойно пользоваться с материалами клиентов и внутренними файлами.
Чтобы точно попасть в цвет на участке с текстурой или тенью, нажмите на несколько соседних точек и сравните значения в истории. Сильно сжатые изображения — например, фото, которые много раз пересылали в мессенджерах, — могут давать небольшие расхождения цвета между соседними пикселями.
Собирая палитру, отталкивайтесь от основного цвета и создавайте варианты, меняя в HSL только светлоту — так оттенки будут сочетаться между собой. Для текста проверяйте контраст с фоном: светлые буквы на светлом фоне плохо читаются, особенно на смартфоне и на улице.
Помните, что цвет на экране и на бумаге никогда не совпадает полностью. Если макет идёт в печать, проверьте значение CMYK и по возможности закажите в типографии цветопробу: разные мониторы показывают один и тот же код RGB немного по-разному.
Загрузите изображение на этой странице и нажмите на нужную точку. Код цвета появится в форматах HEX, RGB, HSL, HSV и CMYK.
Введите код HEX и переключите формат на RGB. Преобразование происходит мгновенно и работает в обе стороны.
Да. Выберите CMYK в формате цвета, чтобы увидеть доли голубого, пурпурного, жёлтого и чёрного для выбранного оттенка.
Нет. Изображение открывается только в вашем браузере, чтобы считать цвета пикселей.
RGB смешивает красный, зелёный и синий свет и используется для экранов. CMYK смешивает голубую, пурпурную, жёлтую и чёрную краски и используется в печати. Поэтому некоторые очень яркие экранные цвета невозможно напечатать точно так же.
Да. Инструмент работает в мобильных браузерах на телефоне и планшете — просто коснитесь изображения, чтобы выбрать цвет.
Откройте для себя искусство и науку выбора цвета с нашим полным руководством по эффективному использованию пипеток в дизайне, разработке и креативных проектах.
Пипетки — незаменимый инструмент для дизайнеров, веб-разработчиков и креативщиков. Они обеспечивают точный выбор и конвертацию цветов, что важно для согласованности между платформами и приложениями.
Понимание теории цвета — ключ к эффективному выбору оттенков. Узнайте о цветовом круге, гармониях и психологическом влиянии цвета.
Красный, синий и жёлтый — основа всех остальных цветов
Айдентика бренда, базовые элементы дизайна
Зелёный, оранжевый и фиолетовый — получаются смешением основных
Акцентные цвета, дополнительные элементы
Красно-оранжевый, жёлто-зелёный и т.д. — более сложные оттенки
Сложные цветовые схемы, изысканные дизайны
Тёплые и холодные цвета и их психологическое воздействие
Создание настроения, личность бренда
Разные инструменты пипеток служат разным целям. Понимание типов поможет выбрать подходящий инструмент для задач.
Извлекают цвета непосредственно из изображений и фото
Совмещение с существующими дизайнами, цвета бренда
Интерактивные колесо цвета и слайдеры для творческого выбора
Создание оригинальных цветов, исследование дизайна
Автоматически создают гармоничные цветовые схемы
Полные дизайн-системы, гармония цветов
Обеспечивают соответствие цветов стандартам доступности
Инклюзивный дизайн, доступность веба
Пипетки используются в разных областях дизайна. Каждая область имеет свои требования и лучшие практики для выбора цвета.
Доступность цветов гарантирует удобство цифрового контента для людей с нарушениями зрения. Знание руководств WCAG важно для инклюзивного дизайна.
Даже опытные дизайнеры допускают ошибки. Знание этих ошибок поможет создавать лучшие дизайны.
Всегда тестируйте цвета в предполагаемом контексте и условиях освещения
Сбалансируйте яркие акцентные цвета нейтральными фонами
Проверяйте контрастность и совместимость с дальтонизмом
Выберите один формат (обычно HEX) для проекта
Соблюдайте консистентность брендовых цветов на всех платформах
Обеспечивает согласованность бренда во всех цифровых материалах
Meet WCAG standards for better search rankings
Оптимизируйте использование цветов для более быстрой загрузки
Create visually appealing, accessible interfaces
Maintain design integrity across devices
Deliver polished, professional-looking designs
Graphic and web designers creating consistent brand identities
Frontend developers implementing precise color schemes
Marketing professionals maintaining brand consistency
Companies ensuring professional visual presentation
Design students learning color theory and application
Independent creators working on multiple projects
© 2025 - 2026 Day Apps — Все права защищены
Сделано с ❤️, чтобы повысить вашу продуктивность