Простая пипетка

Бесплатная пипетка для Chrome

Возьмите цвет с любой страницы. Получите #E8553D

Простая пипетка — бесплатный инструмент для выбора цвета в Chrome. Нажмите кнопку или Alt+P, наведите лупу на любой пиксель и кликните: код HEX, RGB или HSL уже в буфере обмена. 50 последних цветов ждут во всплывающем окне.

Установить в Chrome — бесплатно

453 пользователей в Chrome Web Store

Работает и в Яндекс Браузере, Edge, Opera, Brave и других браузерах на Chromium.

Квадратная лупа над постером на странице выделяет один пиксель с его HEX, RGB и HSL, рядом окно Простой пипетки с цветом #E8553D и историей цветов

Коротко

Что делает
Пипетка для выбора цвета: наведите лупу на любой пиксель на странице, кликните — и его код HEX, RGB или HSL скопирован.
Кому пригодится
Веб-разработчикам и дизайнерам, которые подбирают цвета с живых сайтов, макетов и скриншотов в браузере, и всем, кому нужен код цвета.
Цена
Бесплатно. Без аккаунта и платной версии.
Данные
История и формат по умолчанию хранятся в локальном хранилище расширения на вашем устройстве. Никакой аналитики и сетевых запросов.
Где работает
Chrome и другие браузеры на Chromium, которые ставят расширения из Chrome Web Store, на компьютере. Не работает на служебных страницах браузера — новой вкладке, настройках, Chrome Web Store.
Ограничения
Берёт цвет с видимой части вкладки — со снимка, сделанного в момент запуска. Нет CMYK, Pantone и проверки контраста, нельзя взять цвет за пределами браузера.
Версия
2.7.0, обновлено 23 октября 2026 г.

Три шага, один клик

  1. 1

    Запустите пипетку

    Нажмите на значок на панели и кнопку «Выбрать цвет» или нажмите Alt+P на любой странице.

  2. 2

    Прицельтесь лупой

    Квадратная лупа увеличивает область вокруг курсора и выделяет точный пиксель. Под ней сразу видны HEX, RGB и HSL.

  3. 3

    Кликните и вставьте

    Код копируется в формате по умолчанию, короткая плашка это подтверждает. Вставляйте в CSS, Figma или сообщение.

Кому пригодится

CSS

Фронтенд

Берите точные значения с живого сайта для CSS, SCSS или конфига Tailwind, не открывая DevTools.

HEX

Дизайн и бренд

Собирайте палитру с интерфейса, макета или референса и проверяйте, что на странице правильный фирменный цвет.

HSL

Настройка цвета

Берите HSL, чтобы вручную подкрутить яркость и насыщенность, или RGB для кода, которому нужны числа.

Что умеет

  • пиксель в рамке

    Лупа увеличивает 11 × 11 пикселей вокруг курсора, а рамка выделяет тот, что вы возьмёте. Попадёте в рамку толщиной в пиксель или в одну ступень градиента.

  • формата

    HEX вида #2A6FDB, RGB вида rgb(42, 111, 219), HSL вида hsl(217, 71%, 51%). Формат по умолчанию выбирается один раз во всплывающем окне.

  • цветов в истории

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

  • Клавиша Alt+P

    Запускайте пипетку, не открывая окно расширения. Клавиша в окне ведёт в настройки быстрых клавиш Chrome, если хотите другую.

  • сетевых запросов

    Всё работает в вашем браузере. Без аккаунта, аналитики и телеметрии.

  • Светлая и тёмная тема

    Окно и лупа следуют теме системы — в нейтральных серых тонах, которые не искажают восприятие цвета.

Как узнать код цвета чего угодно на странице

Встроенная пипетка Chrome спрятана в DevTools: откройте панель Styles, найдите свойство с цветом, нажмите на его образец, а потом на пипетку. Работает, но далеко, и выбранное значение заменяет это свойство в CSS страницы, а не попадает в буфер обмена.

Простая пипетка всегда в одном клике или одной клавише. При запуске она делает снимок видимой части вкладки и открывает над ним квадратную лупу — вы видите точный пиксель, а не усреднённый цвет. Один клик копирует код, а окно расширения хранит его вместе с 50 последними цветами во всех трёх форматах.

Прокрутите страницу до нужного места заранее: лупа берёт цвет со снимка. Служебные страницы браузера — новая вкладка, настройки, Chrome Web Store — закрыты для любых расширений.

Приватно по устройству

  • Никаких сетевых запросов

    Расширение не обращается к серверам. Никакой аналитики и телеметрии.

  • Всё на вашем устройстве

    История и формат по умолчанию лежат в локальном хранилище расширения.

  • Четыре разрешения

    Активная вкладка — только при запуске пипетки, чтобы сделать снимок; скрипты — чтобы показать лупу; хранилище — для истории и формата; запись в буфер обмена — чтобы скопировать код.

Пипетка DevTools и Простая пипетка

Пипетка DevTools и Простая пипеткаПипетка DevToolsПростая пипетка
Как запуститьОткрыть DevTools, найти цвет в Styles, нажать на образец, потом на пипеткуКнопка на панели или Alt+P
Куда попадает результатВ открытое свойство CSS, скопировать нужно самомуВ буфер обмена, сразу по клику
Форматы цветаHEX, RGB, HSL и другиеHEX, RGB и HSL
Выбранные раньше цветаНе сохраняются50 последних, можно скопировать снова
ЦенаВстроена в ChromeБесплатно

Вопросы

Как узнать код цвета на сайте?

Установите Простую пипетку, нажмите Alt+P на странице, наведите лупу на цвет и кликните. Код HEX — или RGB, HSL, если удобнее, — скопируется в буфер обмена.

Как взять цвет с картинки на странице?

Так же: запустите пипетку и кликните по нужному пикселю на картинке. Лупа увеличивает изображение, так что можно взять один точный пиксель.

Можно копировать HSL или RGB вместо HEX?

Да. Выберите формат по умолчанию во всплывающем окне: HEX, RGB или HSL. Для любого цвета из истории окно показывает все три, у каждого своя кнопка копирования.

Где найти цвета, которые я выбирал раньше?

Откройте окно расширения: 50 последних цветов лежат там образцами, новые первыми. Нажмите на образец, чтобы увидеть и скопировать его коды, или очистите историю.

Как поменять клавишу Alt+P?

Нажмите на клавишу в окне расширения. Откроется страница быстрых клавиш Chrome, где можно задать другую.

Почему на некоторых страницах не работает?

Chrome закрывает свои служебные страницы — новую вкладку, настройки, Chrome Web Store — для всех расширений. А ещё пипетка видит только видимую часть вкладки, так что сначала прокрутите до нужного цвета.

Можно взять цвет за пределами браузера?

Нет. Пипетка работает только в текущей вкладке. Она также не переводит цвета в CMYK или Pantone и не проверяет контраст.

Это бесплатно? Расширение собирает данные?

Бесплатно и без сетевых запросов. История и формат по умолчанию остаются на вашем устройстве.

Другие бесплатные расширения PYROCTAL

Навели. Кликнули. Вставили.

Установить в Chrome — бесплатно