Точное определение цвета по картинке
Вы нашли подходящий цвет на фото, скриншоте сайта, логотипе или макете, и теперь вам нужен его код. Этот инструмент работает как онлайн-пипетка для любой картинки: откройте изображение, кликните по нужному пикселю и получите цвет в форматах HEX, RGB и HSL, готовый к вставке в CSS, Figma, Photoshop, Canva или PowerPoint. Лупа показывает пиксели под курсором, чтобы вы могли попасть точно в цель, а палитра основных цветов изображения генерируется автоматически.
Возможности
- Пипетка для любого формата изображений, который поддерживает ваш браузер — JPG, PNG, WebP, GIF, SVG, AVIF и HEIC.
- Лупа, увеличивающая область под курсором с точностью до пикселя.
- Коды HEX, RGB и HSL с кнопками копирования в один клик.
- Палитра основных цветов, автоматически извлеченная из всего изображения.
- История до 16 выбранных цветов, чтобы вы могли сравнивать их и возвращаться к предыдущим.
- Вставка скриншотов напрямую из буфера обмена.
- Приватность: изображение никогда не покидает ваше устройство.
Какой формат цвета использовать?
| Формат | Пример | Где используется |
|---|---|---|
| HEX | #1E90FF |
CSS, HTML, Figma, Canva, большинство графических редакторов |
| RGB | rgb(30, 144, 255) |
CSS, Photoshop, офисные программы, программирование |
| HSL | hsl(210, 100%, 56%) |
CSS, когда нужно настроить яркость или насыщенность |
Чтобы перевести выбранный цвет в другие форматы, такие как CMYK или HSV, или проверить его контрастность с белым и черным текстом, откройте его в Конвертере цветов.
Идеи для использования
Подбор корпоративных цветов: узнайте точный оттенок синего из логотипа компании или скриншота сайта, чтобы оформить презентацию в едином стиле.
Создание палитры: используйте основные цвета с фотографии как основу для дизайна сайта, плаката или темы презентации.
Веб-разработка: скопируйте цвета из макета, который прислали обычной картинкой, а не в исходном файле.
Цифровое искусство и рукоделие: определяйте коды цветов на референсном фото для графических редакторов, схем вышивки или вязания.
Как получить точные результаты
Выбирайте цвет на самом большом изображении с минимальным сжатием: скриншоты в формате PNG передают цвета абсолютно точно, тогда как в JPG оттенки могут немного искажаться на границах объектов. Приблизьте нужный участок с помощью лупы и избегайте краев со сглаживанием, где пиксели смешивают два цвета. Если вам нужна лишь часть большого изображения, сначала используйте инструмент Обрезать изображение, чтобы с ним было удобнее работать.