Jednoduchá pipeta

Bezplatná pipeta na barvy pro Chrome

Vyberte barvu z libovolné stránky. Získejte #E8553D

Jednoduchá pipeta je bezplatná pipeta pro Chrome. Stiskněte její tlačítko nebo Alt+P, zamiřte lupou na libovolný pixel a klikněte: kód HEX, RGB nebo HSL už je ve schránce. Posledních 50 barev čeká v okně rozšíření.

Přidat do Chrome — zdarma

453 uživatelů v Chrome Web Store

Funguje také v Edge, Brave, Opera a dalších prohlížečích na Chromiu.

Čtvercová lupa nad plakátem na webové stránce zaměřuje jeden pixel s jeho HEX, RGB a HSL, vedle okna rozšíření Jednoduchá pipeta s barvou #E8553D a historií barev

Ve zkratce

Co dělá
Pipeta na barvy: zamiřte lupou na libovolný pixel na webové stránce, klikněte a jeho kód HEX, RGB nebo HSL se zkopíruje.
Pro koho
Pro webové vývojáře a designéry, kteří přebírají barvy z živých webů, návrhů a snímků obrazovky otevřených v prohlížeči, i pro každého, kdo potřebuje kód barvy.
Cena
Zdarma. Bez účtu a bez placené verze.
Data
Historie a výchozí formát zůstávají v místním úložišti rozšíření ve vašem zařízení. Žádná analytika, žádné síťové požadavky.
Kde funguje
V Chrome a dalších prohlížečích na Chromiu, které instalují z Chrome Web Store, na počítači. Ne na stránkách prohlížeče, jako je nová karta, nastavení nebo Chrome Web Store.
Omezení
Vybírá z viditelné části karty ze snímku pořízeného při spuštění. Bez CMYK, Pantone a kontroly kontrastu, nelze vybírat mimo prohlížeč.
Verze
2.7.0, aktualizováno 23. října 2026

Tři kroky, jedno kliknutí

  1. 1

    Spusťte pipetu

    Klikněte na ikonu na liště a stiskněte Vybrat barvu, nebo na libovolné stránce stiskněte Alt+P.

  2. 2

    Zamiřte lupou

    Čtvercová lupa přiblíží okolí kurzoru a zaměří přesný pixel. Štítek pod ní živě ukazuje HEX, RGB a HSL.

  3. 3

    Klikněte a vložte

    Kód se zkopíruje ve výchozím formátu a krátká zpráva to potvrdí. Vložte ho do CSS, Figma nebo do zprávy.

Kdo ji používá

CSS

Front-end

Přebírejte přesné hodnoty z živého webu do CSS, SCSS nebo konfigurace Tailwind, aniž byste otevírali DevTools.

HEX

Design a kontrola značky

Odeberte paletu z rozhraní, návrhu nebo reference a ověřte, že stránka používá správnou barvu značky.

HSL

Ladění barev

Vezměte HSL, když chcete ručně upravit světlost a sytost, nebo RGB pro kód, který chce čísla.

Co umí

  • pixel v rámečku

    Lupa zvětší 11 × 11 pixelů kolem kurzoru a zaměřovač orámuje ten, který odeberete. Trefíte i jednopixelový okraj nebo jediný stupeň přechodu.

  • formáty

    HEX jako #2A6FDB, RGB jako rgb(42, 111, 219), HSL jako hsl(217, 71%, 51%). Výchozí formát zvolíte jednou v okně rozšíření.

  • barev v historii

    Každý výběr se zařadí na začátek mřížky posledních 50 barev, bez duplicit. Kliknutím na vzorek zobrazíte a zkopírujete všechny tři kódy.

  • Zkratka Alt+P

    Spusťte výběr bez otevření okna rozšíření. Klávesa v okně otevře nastavení zkratek Chrome, pokud chcete jinou.

  • síťových požadavků

    Vše běží ve vašem prohlížeči. Bez účtu, analytiky a telemetrie.

  • Světlý a tmavý motiv

    Okno rozšíření i lupa se řídí motivem systému, v neutrálních šedých tónech, které nezkreslují posuzované barvy.

Jak zjistit kód barvy čehokoli na webové stránce

Vestavěná pipeta Chrome je ukrytá v DevTools: otevřete panel Styly, najděte vlastnost s barvou, klikněte na její vzorek a pak na pipetu. Funguje to, ale je to schované a vybraná hodnota nahradí tuto vlastnost v CSS stránky, místo aby skončila ve schránce.

Jednoduchá pipeta je na jedno kliknutí nebo jednu zkratku. Po spuštění pořídí snímek viditelné části karty a otevře nad ním čtvercovou lupu, takže vidíte přesný pixel, ne průměr. Jedno kliknutí zkopíruje kód a okno rozšíření ho uloží mezi posledních 50 barev ve všech třech formátech.

Než začnete, rolujte na část stránky, kterou potřebujete: lupa čte ze snímku. Stránky prohlížeče, jako je nová karta, nastavení a Chrome Web Store, jsou pro všechna rozšíření uzavřené.

Soukromí od základu

  • Žádné síťové požadavky

    Rozšíření nikdy nekomunikuje se serverem. Žádná analytika ani telemetrie.

  • Zůstává ve vašem zařízení

    Historie a výchozí formát jsou v místním úložišti rozšíření.

  • Čtyři oprávnění

    Aktivní karta, jen když spustíte výběr, pro pořízení snímku; skriptování pro zobrazení lupy; úložiště pro historii a formát; zápis do schránky pro zkopírování kódu.

Pipeta v DevTools a Jednoduchá pipeta

Pipeta v DevTools a Jednoduchá pipetaPipeta v DevToolsJednoduchá pipeta
Jak začítOtevřít DevTools, najít barvu ve Stylech, kliknout na vzorek a pak na pipetuTlačítko na liště nebo Alt+P
Kam jde výsledekDo otevřené vlastnosti CSS, kopírujete ho samiDo schránky, po kliknutí
Formáty barevHEX, RGB, HSL a dalšíHEX, RGB a HSL
Dříve vybrané barvyNeukládají sePosledních 50, připravených ke zkopírování
CenaSoučást ChromeZdarma

Otázky

Jak zjistím kód barvy z webu?

Nainstalujte rozšíření Jednoduchá pipeta, na stránce stiskněte Alt+P, zamiřte lupou na barvu a klikněte. Kód HEX, případně RGB nebo HSL, se zkopíruje do schránky.

Jak vybrat barvu z obrázku na webové stránce?

Stejně: spusťte pipetu a klikněte na požadovaný pixel v obrázku. Lupa přibližuje, takže lze odebrat jeden přesný pixel.

Mohu kopírovat HSL nebo RGB místo HEX?

Ano. V okně rozšíření zvolte výchozí formát: HEX, RGB nebo HSL. Okno také ukáže všechny tři pro libovolnou barvu z historie, každý se svým tlačítkem kopírování.

Kde najdu dříve vybrané barvy?

Otevřete okno rozšíření: posledních 50 barev tam je jako vzorky, nejnovější první. Kliknutím na vzorek zobrazíte a zkopírujete jeho kódy, nebo můžete historii vymazat.

Jak změním zkratku Alt+P?

Klikněte na klávesu zkratky v okně rozšíření. Otevře se stránka klávesových zkratek Chrome, kde nastavíte jinou klávesu.

Proč na některých stránkách nefunguje?

Chrome uzavírá své vlastní stránky, jako je nová karta, nastavení a Chrome Web Store, všem rozšířením. Pipeta navíc čte jen viditelnou část karty, takže nejdřív rolujte k barvě.

Lze vybírat barvy mimo prohlížeč?

Ne. Vybírá jen z aktuální karty prohlížeče. Také nepřevádí na CMYK nebo Pantone a nekontroluje kontrast.

Je zdarma? Sbírá data?

Je zdarma a nevytváří žádné síťové požadavky. Historie a výchozí formát zůstávají ve vašem zařízení.

Další bezplatná rozšíření od PYROCTAL

Zamiřte. Klikněte. Vložte.

Přidat do Chrome — zdarma