Próbnik kolorów z obrazu i generator palety

Wczytaj obraz, kliknij dowolne miejsce, aby pobrać dokładny kolor pod kursorem, i skopiuj wartość HEX, RGB lub HSL. Narzędzie automatycznie wyciąga też paletę głównych kolorów. Obraz jest odczytywany bezpośrednio z płótna w Twojej przeglądarce i nigdzie nie jest wysyłany.

Przeciągnij tu obraz albo kliknij, aby wybrać plik

Obsługiwane formaty to JPG, PNG, WebP i GIF. Pliki zostają na Twoim urządzeniu.

Kliknij obraz, aby wybrać kolor. Przesuń kursor, aby zobaczyć podgląd przed kliknięciem.

Wybrany kolor

Paleta

Kolory są odczytywane bezpośrednio z pikseli obrazu przez Twoją przeglądarkę za pomocą Canvas API. Sam obraz nigdy nie jest wysyłany na serwer.

Pobierz dokładne kolory z dowolnego obrazu

Projektanci i programiści ciągle potrzebują dokładnego koloru piksela: niebieskiego z logo, tła zrzutu ekranu, akcentu ze zdjęcia. Ten próbnik kolorów z obrazu zamienia Twój obraz w płótno, na którym można klikać, podaje wartość pod kursorem w trzech popularnych formatach i pozwala skopiować każdą z nich jednym kliknięciem. Obok próbnika skanuje cały obraz i buduje paletę najczęstszych kolorów, więc możesz wziąć gotowy zestaw prosto z obrazu referencyjnego.

Użyj go, aby dopasować kolory marki, odtworzyć motyw ze zrzutu ekranu, pobrać odcienie ze zdjęcia do projektu albo wyciągnąć schemat kolorów z grafiki.

Jak wybrać kolor

  1. Otwórz obraz. Przeciągnij lub wybierz obraz, a pojawi się na płótnie.
  2. Kliknij piksel. Kliknij dowolne miejsce na obrazie, aby pobrać kolor w tym punkcie.
  3. Skopiuj kod. Skopiuj wartość HEX, RGB lub HSL albo kliknij próbkę z palety, aby skopiować jej HEX.

Trzy formaty koloru

Każdy wybrany kolor jest pokazany jako HEX dla CSS i programów graficznych, RGB dla kodu oraz HSL do regulowania odcienia, nasycenia i jasności. Skopiuj ten, którego potrzebuje Twój projekt.

Automatyczna paleta

Narzędzie próbkuje obraz i grupuje podobne tony, by wyłonić kolory dominujące. Dostajesz od razu paletę, którą możesz wykorzystać w spójnym projekcie.

Piksele czytane lokalnie

Obraz jest rysowany na płótnie w Twojej przeglądarce i stamtąd odczytywane są kolory. Nic nie jest wysyłane, więc prywatne makiety i zrzuty ekranu zostają na Twoim komputerze.

Dlaczego warto z niego korzystać

  • Kopiowanie jednym kliknięciem: od razu pobierz HEX, RGB lub HSL.
  • Paleta w kilka sekund: główne kolory dowolnego obrazu, gotowe do użycia.
  • Bez wysyłania: piksele są czytane w przeglądarce i pozostają prywatne.
  • Za darmo: bez konta i bez znaku wodnego na czymkolwiek.
  • Na każdym urządzeniu: działa kliknięciem na komputerze lub dotknięciem na telefonie.

Do czego służy próbnik kolorów

Najczęściej otwierasz to narzędzie, aby pobrać kod HEX koloru widocznego na zdjęciu lub zrzucie ekranu. Wrzuć logo i kliknij znak, aby odczytać dokładny kolor marki, albo kliknij tło zrzutu ekranu, by dopasować kolor strony do obrazu, z którego pracujesz. Każdy wybór daje wartość w trzech formatach naraz: kod HEX, taki jak #1A73E8, do wklejenia w CSS lub programie graficznym, zapis RGB, taki jak rgb(26, 115, 232), do kodu, oraz zapis HSL do regulowania odcienia, nasycenia i jasności. Obok każdego jest przycisk kopiowania, więc sprawdzenie wartości RGB pojedynczego piksela to jedno kliknięcie i kopia.

To także szybki sposób na zbudowanie palety z obrazu. Gdy obraz się wczyta, narzędzie czyta piksele i wyświetla do ośmiu najczęstszych kolorów jako próbki, każdą z kodem HEX pod spodem. Kliknij próbkę, aby wczytać kolor do głównego odczytu, albo kliknij kod, aby skopiować go do schowka. Dzięki temu łatwo wyciągniesz schemat kolorów z grafiki, zdjęcia lub moodboardu albo zbierzesz zestaw pasujących tonów z obrazu referencyjnego bez zgadywania.

Najczęstsze pytania

Otwórz obraz, a potem kliknij miejsce, które Cię interesuje. Kolor tego piksela pojawi się jako HEX, RGB i HSL, każdy z przyciskiem kopiowania.

Tak. Gdy tylko obraz się wczyta, narzędzie go analizuje i pokazuje paletę najczęstszych kolorów. Kliknij dowolną próbkę, aby skopiować jej wartość HEX.

Nie. Obraz jest rysowany na płótnie w Twojej przeglądarce i stamtąd odczytywane są wartości kolorów. Plik nigdy nie trafia na serwer.

To trzy sposoby zapisu tego samego koloru. HEX jest popularny w CSS, RGB podaje wartości czerwieni, zieleni i niebieskiego, a HSL opisuje odcień, nasycenie i jasność, co ułatwia modyfikowanie odcieni.

Tak. Dotknij obrazu, aby pobrać kolor. Narzędzie działa w przeglądarkach mobilnych bez żadnej aplikacji.

Narzędzie odczytuje dokładną wartość piksela z danych obrazu, więc kolor pochodzi wprost ze źródła, a nie jest szacowany.

Tak. Możesz pobrać dowolny widoczny piksel. Całkowicie przezroczyste obszary nie zwracają koloru, bo nie ma tam czego odczytać.

Tak, jest w pełni darmowe, nie wymaga konta i niczego nie dodaje do Twojego obrazu.

Wczytaj obraz, a potem kliknij wybrane miejsce. Pole HEX pokaże kod tego piksela, na przykład #1A73E8, a przycisk Kopiuj obok niego wrzuci kod do schowka, gotowy do wklejenia w CSS lub programie graficznym.

Kliknij piksel na obrazie i odczytaj pole RGB, które pokazuje kolor jako rgb(czerwony, zielony, niebieski), na przykład rgb(26, 115, 232). Przyciskiem Kopiuj skopiujesz wartość. Ten sam wybór jest też pokazany jako HEX i HSL.

Otwórz obraz z logo i kliknij bezpośrednio kolorową część znaku. Wybrany kolor pojawi się jako HEX, RGB i HSL z przyciskami kopiowania, więc zdobędziesz dokładny kolor marki. Automatyczna paleta obok też wyświetla główne kolory logo jako próbki, które możesz skopiować.

Tak. Obraz jest rysowany na płótnie w Twojej przeglądarce i kolory są czytane z pikseli właśnie tam. Nic nie jest wysyłane na serwer, więc plik nigdy nie opuszcza Twojego urządzenia.

Powiązane narzędzia