# Онлайн-пипетка

> Загрузите фото, кликните по цвету, и код HEX, RGB или HSL сразу в буфере обмена. Лупа по пикселям, зум и палитра доминирующих цветов. Бесплатно, без регистрации

URL: https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Нужно узнать, какой цвет использован в логотипе, на фотографии или на скриншоте? Загрузите изображение, наведите курсор на нужное место и кликните. Код цвета сразу окажется в буфере обмена в формате, который вы выберете сами: **HEX, RGB, HSL, HSV или LCH**. Ничего не нужно устанавливать, а изображение не покидает ваш компьютер.

## Как узнать цвет из изображения

1. **Загрузите изображение.** Перетащите его в окно или нажмите «Просмотреть файлы». Пипетка работает с JPG, PNG, WebP и GIF.
2. **Выберите формат.** Над изображением укажите, в каком виде копировать цвет. Для веба обычно нужен HEX, для графических программ RGB. Инструмент запомнит ваш выбор.
3. **Наведите на цвет.** Рядом с курсором появится лупа с увеличенными соседними пикселями, а под ней код цвета.
4. **Кликните.** Код окажется в буфере обмена, а цвет сохранится во вкладке «Выбранные цвета». Останется вставить его туда, где он нужен.

Хотите попробовать другое изображение? Перетащите его прямо на текущее или удалите его значком корзины.

## Что умеет онлайн-пипетка

### Лупа, которая показывает каждый пиксель

Обычная пипетка показывает только цвет под курсором, и попасть в тонкий край буквы получается почти случайно. Наша лупа увеличивает область вокруг курсора до 11 × 11 пикселей и обводит рамкой центральный из них. Вы точно видите, куда собираетесь кликнуть, ещё до клика.

### Зум до отдельных пикселей

Кнопками плюс и минус или колесом мыши с зажатым Ctrl можно приблизить изображение до 64 раз. При включённой сетке видны границы пикселей, поэтому у иконок, пиксель-арта или мелкого текста вы попадёте точно туда, куда нужно.

### Цвет из оригинала, а не из уменьшенной копии

Многие онлайн-инструменты сжимают изображение и берут цвет из превью, где соседние пиксели сливаются друг с другом. Наша пипетка работает с изображением в полном разрешении (до 4096 px по длинной стороне), поэтому вы получаете настоящий цвет пикселя.

### Копирование одним кликом

Не нужно выделять текст или переписывать числа. Каждый клик по изображению копирует код в выбранном формате. Если та же самая точка нужна вам ещё и в другой записи, в деталях цвета доступны все пять форматов, каждый со своей кнопкой копирования.

### Палитра доминирующих цветов

Сразу после загрузки инструмент находит до восьми преобладающих цветов изображения и показывает их во вкладке «Доминирующие цвета». Почти одинаковые оттенки объединяются, поэтому в палитре не окажется пяти вариантов серого, а прозрачные участки PNG в подсчёт не попадают. Палитра пригодится как основа цветовой схемы для сайта, презентации или постов в соцсетях. Проверить, достаточно ли контраста у цветов без оттенка, можно через [перевод изображения в оттенки серого](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-ottenki-serogo-onlajn-massovo-i-besplatno/).

### Выбранные цвета всегда под рукой

Каждый цвет, на который вы кликнули, сохраняется во вкладке «Выбранные цвета» (последние 24). Так можно сравнить несколько точек изображения и в любой момент к ним вернуться. На большом экране панель с цветами расположена прямо рядом с изображением.

## Зачем узнавать код цвета из изображения

- **Сайты и приложения:** клиент прислал логотип только в JPG, а вам нужен точный фирменный цвет для CSS. Если заодно нужна версия с прозрачным фоном, используйте [удаление фона с изображения](https://acrafto.com/ru/udalenie-fona-s-izobrazheniya-ai-onlain-besplatno/).
- **Графика и соцсети:** хотите, чтобы текст на посте сочетался с фотографией. Возьмите цвет прямо с неё.
- **Презентации и документы:** цвета фирменного логотипа задаются в PowerPoint, Google Slides или Canva через HEX или RGB.
- **Проверка макета:** на скриншоте можно проверить, действительно ли у кнопки в приложении тот цвет, который задан в дизайне. Размер экспортированных изображений заодно уточните в [анализе размеров изображений](https://acrafto.com/ru/analizator-razmerov-izobrazhenij/).
- **Интерьер и мода:** есть фото ткани или стены, и нужен похожий оттенок. Код станет отправной точкой при подборе в каталоге красок.

## Форматы цветов, которые возвращает пипетка

- **HEX** (`#1373b6`): запись для HTML, CSS и большинства графических программ.
- **RGB** (`rgb(19, 115, 182)`): доля красного, зелёного и синего, каждая от 0 до 255. Как устроено аддитивное смешение цветов, рассказывает [Википедия](https://ru.wikipedia.org/wiki/RGB).
- **HSL** (`hsl(205, 81%, 39%)`): оттенок, насыщенность и светлота. Удобен, когда нужно быстро получить более светлый или тёмный вариант того же цвета.
- **HSV**: оттенок, насыщенность и яркость, как в выборе цвета в Photoshop или GIMP. Разницу между HSL и HSV подробно объясняет [Википедия](https://en.wikipedia.org/wiki/HSL_and_HSV) (на английском).
- **LCH**: модель, которая ближе всего к тому, как цвет воспринимает человеческий глаз. Копируется в записи, которую понимает современный CSS (см. [документацию MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch), на английском).

Пипетка определит цвет из изображения. Если его нужно доработать, перевести в другие форматы или подобрать к нему сочетающиеся оттенки, переходите в [цветовой круг](https://acrafto.com/ru/onlain-vybor-tsveta/).

## Часто задаваемые вопросы

### Загружается ли моё изображение на сервер?

Нет. Изображение загружается и обрабатывается прямо в вашем браузере, никуда не отправляется, и после закрытия страницы от него ничего не остаётся. Пипетку можно спокойно использовать и для внутренних материалов или ещё не опубликованных макетов.

### Как узнать HEX-код цвета с фотографии?

Загрузите фотографию, оставьте над изображением выбранным формат HEX и кликните по нужному месту с цветом. Код, например `#75dab2`, сразу окажется в буфере обмена.

### Почему цвет с фотографии отличается от того, что в реальности?

На фотографии цвет меняют освещение, [баланс белого](https://ru.wikipedia.org/wiki/Баланс_белого_цвета) и сжатие. Пипетка возвращает именно тот цвет, который сохранён в файле. С фотографиями лучше кликнуть по нескольким местам и сравнить их во вкладке «Выбранные цвета». Если по коду вы подбираете краску для стены, воспринимайте его как ориентир.

### Работает ли пипетка на телефоне?

Да. На сенсорном экране достаточно коснуться нужного места на изображении, и код скопируется так же, как на компьютере. Лупа рядом с курсором на мобильных устройствах не отображается, поэтому для мелких деталей сначала увеличьте изображение.

### В чём разница между HEX и RGB?

Оба варианта описывают один и тот же цвет. RGB выражает его тремя числами от 0 до 255, а HEX записывает те же числа в шестнадцатеричной системе после знака #. Например, `rgb(255, 87, 51)` и `#ff5733` обозначают один и тот же цвет.

### Как получить из изображения целую цветовую палитру?

Откройте вкладку «Доминирующие цвета». В ней найдётся до восьми основных цветов изображения, и клик по любому из них скопирует его код.

## Other languages

- Čeština (cs): [Online kapátko](https://acrafto.com/cs/vyber-barev-z-obrazku/) ([Markdown](https://acrafto.com/cs/vyber-barev-z-obrazku/index.md))
- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Español (es): [Cuentagotas de imagen online](https://acrafto.com/es/selector-colores-imagen-online/) ([Markdown](https://acrafto.com/es/selector-colores-imagen-online/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Português (pt): [Conta-gotas online](https://acrafto.com/pt/extrator-cores-imagem-online/) ([Markdown](https://acrafto.com/pt/extrator-cores-imagem-online/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Српски (sr): [Kapaljka za boje](https://acrafto.com/sr/odabir-boje-sa-slike/) ([Markdown](https://acrafto.com/sr/odabir-boje-sa-slike/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- العربية (ar): [استخراج اللون من الصورة](https://acrafto.com/ar/image-color-picker/) ([Markdown](https://acrafto.com/ar/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- ไทย (th): [ดูดสีจากรูปภาพ](https://acrafto.com/th/image-color-picker-online/) ([Markdown](https://acrafto.com/th/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))