Prosty próbnik kolorów

Darmowy próbnik kolorów dla Chrome

Wybierz kolor z dowolnej strony. Zdobądź #E8553D

Prosty próbnik kolorów to darmowa pipeta do Chrome. Naciśnij przycisk lub Alt+P, wyceluj w piksel przez lupę i kliknij: kod HEX, RGB lub HSL jest już w schowku. 50 ostatnich kolorów czeka w okienku rozszerzenia.

Dodaj do Chrome — za darmo

453 użytkowników w Chrome Web Store

Działa też w Edge, Brave, Opera i innych przeglądarkach opartych na Chromium.

Kwadratowa lupa nad plakatem na stronie obejmuje ramką jeden piksel z jego HEX, RGB i HSL, obok okienka rozszerzenia Prosty próbnik kolorów z kolorem #E8553D i historią kolorów

W skrócie

Co robi
Próbnik kolorów w formie pipety: wyceluj lupą w dowolny piksel na stronie, kliknij, a jego kod HEX, RGB lub HSL zostanie skopiowany.
Dla kogo
Dla programistów stron i projektantów, którzy dobierają kolory z działających witryn, makiet i zrzutów ekranu otwartych w przeglądarce, oraz dla każdego, kto potrzebuje kodu koloru.
Cena
Za darmo. Bez konta, bez wersji płatnej.
Dane
Historia i domyślny format zostają w lokalnej pamięci rozszerzenia na Twoim urządzeniu. Bez analityki, bez żądań sieciowych.
Gdzie działa
Chrome i inne przeglądarki oparte na Chromium, które instalują rozszerzenia z Chrome Web Store, na komputerze. Nie działa na stronach przeglądarki, takich jak nowa karta, ustawienia czy Chrome Web Store.
Ograniczenia
Pobiera kolor z widocznej części karty, ze zrzutu wykonanego w chwili uruchomienia. Bez CMYK, Pantone i sprawdzania kontrastu, bez wybierania poza przeglądarką.
Wersja
2.7.0, zaktualizowano 23 października 2026

Trzy kroki, jedno kliknięcie

  1. 1

    Uruchom próbnik

    Kliknij ikonę na pasku narzędzi i naciśnij Wybierz kolor albo naciśnij Alt+P na dowolnej stronie.

  2. 2

    Wyceluj lupą

    Kwadratowa lupa powiększa obszar wokół kursora i obejmuje ramką dokładnie jeden piksel. Pod nią na bieżąco widać HEX, RGB i HSL.

  3. 3

    Kliknij i wklej

    Kod trafia do schowka w domyślnym formacie, a krótki komunikat to potwierdza. Wklej go do CSS, w Figma lub w wiadomości.

Kto z niego korzysta

CSS

Front-end

Pobieraj dokładne wartości z działającej witryny do CSS, SCSS lub konfiguracji Tailwind bez otwierania DevTools.

HEX

Projekt i marka

Zbieraj paletę z interfejsu, makiety lub wzoru i sprawdzaj, czy strona używa właściwego koloru marki.

HSL

Dopracowanie kolorów

Weź HSL, żeby ręcznie dostroić jasność i nasycenie, albo RGB dla kodu, który wymaga liczb.

Co potrafi

  • piksel w ramce

    Lupa powiększa 11 × 11 pikseli wokół kursora, a celownik obejmuje ramką ten, który pobierzesz. Trafisz w jednopikselową krawędź lub pojedynczy stopień gradientu.

  • formaty

    HEX jak #2A6FDB, RGB jak rgb(42, 111, 219), HSL jak hsl(217, 71%, 51%). Domyślny format wybierasz raz w okienku rozszerzenia.

  • kolorów w historii

    Każdy wybrany kolor trafia na początek siatki 50 ostatnich, bez duplikatów. Kliknij próbkę, żeby zobaczyć i skopiować wszystkie trzy kody.

  • Skrót Alt+P

    Uruchamiaj wybór bez otwierania okienka. Klawisz w okienku otwiera ustawienia skrótów Chrome, jeśli chcesz inny.

  • żądań sieciowych

    Wszystko działa w Twojej przeglądarce. Bez konta, analityki i telemetrii.

  • Jasny i ciemny

    Okienko i lupa podążają za motywem systemu, w neutralnych szarościach, które nie zafałszują kolorów, które oceniasz.

Jak sprawdzić kod koloru dowolnego elementu strony

Wbudowana pipeta Chrome jest ukryta w DevTools: otwórz panel Style, znajdź właściwość z kolorem, kliknij jej próbkę, a potem pipetę. Działa, ale jest głęboko schowana, a wybrana wartość zastępuje tę właściwość w CSS strony zamiast trafić do schowka.

Prosty próbnik kolorów daje pipetę o jedno kliknięcie lub jeden skrót stąd. Po uruchomieniu robi zrzut widocznej części karty i nakłada na niego kwadratową lupę, więc widzisz dokładny piksel, a nie średnią. Jedno kliknięcie kopiuje kod, a okienko zachowuje go razem z 50 ostatnimi kolorami we wszystkich trzech formatach.

Przewiń do potrzebnej części strony przed uruchomieniem: lupa czyta ze zrzutu. Strony przeglądarki, takie jak nowa karta, ustawienia i Chrome Web Store, są zamknięte dla wszystkich rozszerzeń.

Prywatność z założenia

  • Bez żądań sieciowych

    Rozszerzenie nigdy nie łączy się z serwerem. Bez analityki, bez telemetrii.

  • Zostaje na Twoim urządzeniu

    Historia i domyślny format są w lokalnej pamięci rozszerzenia.

  • Cztery uprawnienia

    Aktywna karta, tylko gdy uruchamiasz wybór, do wykonania zrzutu; skrypty do wyświetlenia lupy; pamięć na historię i format; zapis do schowka, by skopiować kod.

Pipeta DevTools kontra Prosty próbnik kolorów

Pipeta DevTools kontra Prosty próbnik kolorówPipeta DevToolsProsty próbnik kolorów
Jak uruchomićOtwórz DevTools, znajdź kolor w panelu Style, kliknij próbkę, a potem pipetęPrzycisk na pasku narzędzi lub Alt+P
Wynik trafia doWłaściwości CSS, którą otwierasz; kopiujesz ręcznieSchowka, po kliknięciu
Formaty kolorówHEX, RGB, HSL i inneHEX, RGB i HSL
Wcześniej wybrane koloryNie są zapamiętywane50 ostatnich, gotowych do ponownego skopiowania
CenaWbudowana w ChromeZa darmo

Pytania

Jak pobrać kod koloru ze strony internetowej?

Zainstaluj Prosty próbnik kolorów, naciśnij Alt+P na stronie, wyceluj lupą w kolor i kliknij. Kod HEX, a jeśli wolisz RGB lub HSL, trafia do schowka.

Jak wybrać kolor z obrazu na stronie?

Tak samo: uruchom próbnik i kliknij wybrany piksel na obrazie. Lupa powiększa, więc możesz pobrać jeden dokładny piksel.

Czy mogę skopiować HSL lub RGB zamiast HEX?

Tak. Wybierz domyślny format w okienku rozszerzenia: HEX, RGB lub HSL. Okienko pokazuje też wszystkie trzy dla każdego koloru z historii, każdy z własnym przyciskiem kopiowania.

Gdzie znajdę wcześniej wybrane kolory?

Otwórz okienko rozszerzenia: 50 ostatnich kolorów jest tam jako próbki, najnowsze na początku. Kliknij jedną, by zobaczyć i skopiować jej kody, albo wyczyść historię.

Jak zmienić skrót Alt+P?

Kliknij klawisz skrótu w okienku rozszerzenia. Otworzy się strona skrótów klawiszowych Chrome, gdzie ustawisz inny klawisz.

Dlaczego nie działa na niektórych stronach?

Chrome zamyka swoje strony, takie jak nowa karta, ustawienia i Chrome Web Store, przed wszystkimi rozszerzeniami. Próbnik czyta też tylko widoczną część karty, więc najpierw przewiń do koloru.

Czy może pobierać kolory spoza przeglądarki?

Nie. Pobiera tylko z bieżącej karty przeglądarki. Nie konwertuje też do CMYK ani Pantone i nie sprawdza kontrastu.

Czy jest darmowy? Czy zbiera dane?

Jest darmowy i nie wysyła żądań sieciowych. Historia i domyślny format zostają na Twoim urządzeniu.

Więcej darmowych rozszerzeń od PYROCTAL

Wyceluj. Kliknij. Wklej.

Dodaj do Chrome — za darmo