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

Безплатна пипета за цвят за Chrome

Вземи цвят от всяка страница. Получи #E8553D

Проста пипетка е безплатна пипетка за Chrome. Натисни бутона ѝ или Alt+P, насочи лупата към всеки пиксел и кликни: кодът HEX, RGB или HSL вече е в клипборда. Последните ти 50 цвята чакат в прозореца на разширението.

Добави в Chrome — безплатно

453 потребители в Chrome Web Store

Работи и в Edge, Brave, Opera и други браузъри на базата на 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

Front-end работа

Вземи точни стойности от жив сайт за 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: отвори панела Стилове, намери свойство с цвят, кликни върху образеца му, после върху пипетата. Работи, но е скрита, а избраната стойност замества това свойство в CSS на страницата, вместо да отиде в клипборда.

Проста пипетка държи пипетата на едно кликване или една клавишна комбинация. При старт тя прави снимка на видимата част на раздела и отваря над нея квадратна лупа, така че виждаш точния пиксел, а не средна стойност. Едно кликване копира кода, а прозорецът го пази заедно с последните 50 цвята и в трите формата.

Превърти до нужната част от страницата, преди да стартираш: лупата чете от тази снимка. Страниците на браузъра, като новия раздел, настройките и Chrome Web Store, са затворени за всички разширения.

Поверително по замисъл

  • Без мрежови заявки

    Разширението никога не се свързва със сървър. Без анализи, без телеметрия.

  • Остава на твоето устройство

    Историята и форматът по подразбиране са в локалното хранилище на разширението.

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

    Активният раздел, само когато стартираш избор, за да направи снимката; скриптове, за да покаже лупата; хранилище за историята и формата; запис в клипборда, за да копира кода.

Пипета на DevTools или Проста пипетка

Пипета на DevTools или Проста пипеткаПипета на DevToolsПроста пипетка
Как се стартираОтваряш DevTools, намираш цвят в Стилове, кликваш върху образеца му, после върху пипетатаБутон в лентата или 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 — безплатно