Jednoduchá pipeta

Bezplatná pipeta na farby pre Chrome

Vyberte farbu z ľubovoľnej stránky. Získate #E8553D

Jednoduchá pipeta je bezplatný výber farieb pre Chrome. Stlačte jej tlačidlo alebo Alt+P, zamierte na ľubovoľný pixel cez lupu a kliknite: kód HEX, RGB alebo HSL je už v schránke. Posledných 50 farieb čaká vo vyskakovacom okne.

Pridať do prehliadača Chrome — zadarmo

453 používateľov v Chrome Web Store

Funguje aj v Edge, Brave, Opera a ďalších prehliadačoch Chromium.

Štvorcová lupa nad plagátom na webovej stránke zarámuje jeden pixel s jeho HEX, RGB a HSL, vedľa vyskakovacieho okna rozšírenia Jednoduchá pipeta s #E8553D a históriou farieb

Stručne

Čo robí
Pipeta na farby: zamierte cez lupu na ľubovoľný pixel na webovej stránke, kliknite a jeho kód HEX, RGB alebo HSL sa skopíruje.
Pre koho je
Pre webových vývojárov a dizajnérov, ktorí porovnávajú farby z živých stránok, návrhov a snímok obrazovky otvorených v prehliadači, a pre každého, kto potrebuje kód farby.
Cena
Zadarmo. Bez účtu, bez platenej verzie.
Údaje
História a predvolený formát zostávajú v lokálnom úložisku rozšírenia vo vašom zariadení. Bez analytiky, bez sieťových požiadaviek.
Funguje v
Chrome a ďalších prehliadačoch Chromium, ktoré inštalujú z Chrome Web Store, na počítači. Nie na stránkach prehliadača, ako je nová karta, nastavenia alebo Chrome Web Store.
Obmedzenia
Vyberá z viditeľnej časti karty podľa snímky urobenej pri spustení. Bez CMYK, Pantone a kontroly kontrastu a bez výberu mimo prehliadača.
Verzia
2.7.0, aktualizované 23. októbra 2026

Tri kroky, jedno kliknutie

  1. 1

    Spustite pipetu

    Kliknite na ikonu na paneli nástrojov a stlačte Vybrať farbu, alebo stlačte Alt+P na ľubovoľnej stránke.

  2. 2

    Zamierte lupou

    Štvorcová lupa priblíži okolie kurzora a zarámuje presný pixel. Štítok pod ňou zobrazuje HEX, RGB a HSL naživo.

  3. 3

    Kliknite a vložte

    Kód sa skopíruje vo vašom predvolenom formáte a krátka správa to potvrdí. Vložte ho do CSS, do aplikácie Figma alebo do správy.

Kto ho používa

CSS

Front-end

Získajte presné hodnoty z živej stránky pre CSS, SCSS alebo konfiguráciu Tailwind bez otvárania DevTools.

HEX

Dizajn a kontrola značky

Odoberte paletu z rozhrania, návrhu alebo predlohy a skontrolujte, či stránka používa správnu farbu značky.

HSL

Ladenie farieb

Vezmite HSL na ručné ladenie svetlosti a sýtosti, alebo RGB pre kód, ktorý chce čísla.

Čo robí

  • pixel v ráme

    Lupa zväčší 11 × 11 pixelov okolo kurzora a zameriavač zarámuje ten, ktorý vyberiete. Trafíte jednopixelový okraj alebo jediný stupeň prechodu.

  • formáty

    HEX ako #2A6FDB, RGB ako rgb(42, 111, 219), HSL ako hsl(217, 71%, 51%). Predvolený formát si zvolíte raz vo vyskakovacom okne.

  • farieb v histórii

    Každá vybraná farba sa zaradí na začiatok mriežky posledných 50 farieb, bez duplicít. Kliknutím na vzorku uvidíte a skopírujete všetky tri kódy.

  • Skratka Alt+P

    Spustite výber bez otvárania vyskakovacieho okna. Klávesa vo vyskakovacom okne otvorí nastavenia skratiek v Chrome, ak chcete inú.

  • sieťových požiadaviek

    Všetko beží vo vašom prehliadači. Bez účtu, bez analytiky, bez telemetrie.

  • Svetlý a tmavý

    Vyskakovacie okno aj lupa sledujú motív systému, v neutrálnych sivých tónoch, ktoré nezafarbujú farby, ktoré posudzujete.

Ako získať kód farby čohokoľvek na webovej stránke

Pipeta v samotnom Chrome sa skrýva v DevTools: otvorte panel Štýly, nájdite vlastnosť farby, kliknite na jej vzorku a potom na pipetu. Funguje to, ale je to schované a vybraná hodnota nahradí túto vlastnosť v CSS stránky namiesto toho, aby sa dostala do schránky.

Jednoduchá pipeta dáva pipetu na jedno kliknutie alebo jednu skratku. Po spustení urobí snímku viditeľnej časti karty a otvorí nad ňou štvorcovú lupu, takže vidíte presný pixel, nie priemer. Jedno kliknutie skopíruje kód a vyskakovacie okno ho uchová spolu s posledných 50 farbami vo všetkých troch formátoch.

Pred spustením sa posuňte na časť stránky, ktorú potrebujete: lupa číta z tejto snímky. Stránky prehliadača, ako je nová karta, nastavenia a Chrome Web Store, sú pre všetky rozšírenia zatvorené.

Súkromie v základe

  • Bez sieťových požiadaviek

    Rozšírenie nikdy nekomunikuje so serverom. Bez analytiky, bez telemetrie.

  • Zostáva vo vašom zariadení

    História a predvolený formát sú v lokálnom úložisku rozšírenia.

  • Štyri povolenia

    Aktívna karta, len keď spustíte výber, na urobenie snímky; skriptovanie na zobrazenie lupy; úložisko pre históriu a formát; zápis do schránky na skopírovanie kódu.

Pipeta v DevTools vs Jednoduchá pipeta

Pipeta v DevTools vs Jednoduchá pipetaPipeta v DevToolsJednoduchá pipeta
Ako spustiťOtvoriť DevTools, nájsť farbu v Štýloch, kliknúť na vzorku a potom na pipetuTlačidlo na paneli nástrojov alebo Alt+P
Výsledok ide doVlastnosti CSS, ktorú ste otvorili; kopírujete ho samiSchránky, po kliknutí
Formáty fariebHEX, RGB, HSL a ďalšieHEX, RGB a HSL
Predtým vybrané farbyNeuchovávajú saPosledných 50, pripravených na opätovné skopírovanie
CenaSúčasť ChromeZadarmo

Otázky

Ako získam kód farby z webovej stránky?

Nainštalujte si rozšírenie Jednoduchá pipeta, na stránke stlačte Alt+P, zamierte lupou na farbu a kliknite. Kód HEX, prípadne RGB alebo HSL, ak chcete, sa skopíruje do schránky.

Ako vyberiem farbu z obrázka na webovej stránke?

Rovnako: spustite pipetu a kliknite na pixel, ktorý chcete, v obrázku. Lupa približuje, takže môžete vybrať jeden presný pixel.

Môžem skopírovať HSL alebo RGB namiesto HEX?

Áno. Vyberte predvolený formát vo vyskakovacom okne: HEX, RGB alebo HSL. Okno zobrazuje všetky tri aj pre každú farbu v histórii, každý s vlastným tlačidlom kopírovania.

Kde nájdem farby, ktoré som vybral predtým?

Otvorte vyskakovacie okno: posledných 50 farieb tam je ako vzorky, najnovšie prvé. Kliknutím na jednu uvidíte a skopírujete jej kódy, alebo históriu vymažte.

Ako zmením skratku Alt+P?

Kliknite na klávesu skratky vo vyskakovacom okne. Otvorí sa stránka klávesových skratiek v Chrome, kde môžete nastaviť inú klávesu.

Prečo to na niektorých stránkach nefunguje?

Chrome zatvára svoje vlastné stránky, ako je nová karta, nastavenia a Chrome Web Store, pre všetky rozšírenia. Pipeta navyše číta len viditeľnú časť karty, preto sa najprv posuňte k farbe.

Dá sa vybrať farba mimo prehliadača?

Nie. Vyberá len z aktuálnej karty prehliadača. Nekonvertuje ani do CMYK alebo Pantone a nekontroluje kontrast.

Je to zadarmo? Zbiera to údaje?

Je to zadarmo a nerobí sieťové požiadavky. História a predvolený formát zostávajú vo vašom zariadení.

Ďalšie bezplatné rozšírenia od PYROCTAL

Zamieriť. Kliknúť. Vložiť.

Pridať do prehliadača Chrome — zadarmo