Kolor ze zdjęcia online za darmo
Upuść zdjęcie w tej karcie, celuj lupą i skopiuj HEX, RGB albo HSL. Płaskie logo czytasz jednym pikselem. Zdjęcie może uśrednić małe pole. Na telefonie powiększ i celuj nad palcem. Plik zostaje tutaj.
Upuść zdjęcie, żeby pobrać kolor
JPG, PNG, WebP, GIF, BMP albo AVIF. Jeden plik poniżej 40 MB. Wklej zrzut przez Ctrl+V albo ⌘V.
W 100% prywatnie: piksele zostają w tej przeglądarce. Nic nie jest wysyłane.
Jedź po zdjęciu. Lupa to prawdziwe piksele. Kliknij, żeby zablokować. Na telefonie celuj nad palcem.
Kolory w tym pliku
Zablokowane kolory
Tylko Chrome i Edge. To czyta ekran, nie plik powyżej.
W 100% lokalnie
Odczyt koloru leci w tej przeglądarce. Zdjęcie nie wychodzi z karty.
Bez wysyłania
Nic nie idzie na serwer, żeby odczytać piksel albo złożyć paletę.
Za darmo, bez konta
Bez rejestracji i bez znaku wodnego na kodzie. Kopiujesz HEX, RGB albo HSL.
Także na tej stronie: Podziel obraz · Przytnij zdjęcie · Rozmyj zdjęcie · Pikselizacja zdjęcia · Łączenie zdjęć · Kompresja zdjęć
Czym jest kolor ze zdjęcia
Kolor ze zdjęcia znaczy tu, że otwierasz plik, który już masz, i zabierasz kod jednego punktu. Pobrać, sprawdzić albo skopiować ten kolor to ta sama robota: klatka wchodzi, kod wychodzi. Kolor hex, kolor RGB i paleta biorą się z tego samego pliku, nie z trzech narzędzi. To nie jest szukanie obrazków w danym kolorze i nie jest filtr, który przemalowuje zdjęcie. Przyjmujemy JPG, PNG, WebP, GIF, BMP i AVIF. HEIC, TIFF i PDF odrzucamy. Animowany GIF oddaje tylko pierwszą klatkę. Wklejony adres strony też odpada: obraz z innej witryny zwykle nie da się stąd odczytać, a ta strona nie wysyła twojego pliku, żeby to obejść.
Word, Canva, Photoshop, PowerPoint i Procreate pobierają kolor wewnątrz własnego dokumentu. Nie otwierają pliku PNG, który leży w Pobranych, dopóki go tam nie włożysz. Rozszerzenie Chrome i program na Windows patrzą w monitor. W przeglądarce bez odczytu ekranu po prostu nie działają. Ta strona rysuje twój plik na płótnie i czyta to płótno. Wklejasz zrzut albo upuszczasz plik. Nie prowadzimy po menu tamtych programów. W farbach i przy odczycie ekranu spotkasz nazwę „próbnik koloru”. To nie jest nazwa tej strony: ona czyta plik, nie wachlarz farb i nie monitor. Kod RAL stąd nie wraca.
Jeden piksel jest dobrym odczytem na płaskim logo albo na wypełnieniu przycisku. Na fotografii często jest złym odczytem. Bloki JPEG, szum aparatu i wygładzona krawędź sprawiają, że sąsiedzi się nie zgadzają, a oko je uśrednia. Ustawienia 3×3 i 5×5 uśredniają to małe pole, więc kod jest bliżej koloru, który widzisz. Przezroczyste piksele w polu są pomijane. Lupa rysuje te prawdziwe piksele, ze środkową kratką zaznaczoną, żeby wskaźnik nie zasłaniał punktu. Strzałki przesuwają o jeden piksel. Shift przesuwa o dziesięć. Gdy dłuższy bok ma ponad 2000 px, strona mierzy kopię 2000 px i mówi o tym wprost.

HEX, RGB i HSL to ten sam kolor
Skopiuj zapis, którego oczekuje następny program. Trzy kody poniżej opisują jeden zablokowany piksel.
| Format | Example | Use |
|---|---|---|
| HEX | #1A73E8 | CSS, HTML, Figma i większość narzędzi do projektu. Sześć znaków po #. |
| RGB | rgb(26, 115, 232) | Ten sam kolor jako czerwień, zieleń i błękit, od 0 do 255. |
| HSL | hsl(214, 82%, 51%) | Odcień, nasycenie i jasność. Wygodniejsze, gdy potem chcesz krok jaśniej albo ciemniej. |
Co da się tu zrobić
Jeden plik, lupa, powiększenie, rozmiar próbki i kody do skopiowania. Paleta trzyma zarówno duże płaszczyzny, jak i mocniejsze kolory.
Lupa prawdziwych pikseli
Siatka jedzie za wskaźnikiem i rysuje blok 11 na 11 z pliku, nie rozmyte powiększenie podglądu. Środkowa kratka to piksel, który zaraz zablokujesz. Strzałki przesuwają o jeden piksel. Shift przesuwa o dziesięć. Widzisz, czy siedzisz na wypełnieniu, czy na zmieszanej krawędzi, zanim klikniesz.
Całość, 2× albo 4×
Całość pokazuje cały plik. 2× i 4× powiększają go, żeby łatwiej trafić w mały znak. Przeciągnij powiększone zdjęcie, żeby się przesunąć, potem kliknij albo puść, żeby zablokować. Lupa nadal czyta piksele samego pliku, nie rozdęty podgląd.
1 px, 3×3 albo 5×5
1 px to pojedynczy piksel, do logo i płaskiego interfejsu. 3×3 i 5×5 uśredniają pole wokół niego, do zdjęć, na których sąsiedzi się nie zgadzają. Przezroczyste piksele w polu są pomijane, żeby krawędź z alfą nie ściągała kodu w nic.
HEX, RGB, HSL i najbliższa nazwa
Kopiujesz HEX, RGB albo HSL z zablokowanego koloru. Nazwa to najbliższa angielska nazwa CSS według odległości RGB, na przykład steel blue albo tomato. Nie jest przetłumaczona i nie jest marką z opakowania. Wklej kod do narzędzia. Nie wklejaj nazwy do CSS i nie licz, że wróci ten sam HEX.
Paleta z tego pliku
Do ośmiu próbek miesza największe płaskie obszary z mocniejszymi kolorami, żeby małe logo nie utonęło w białym tle. Kliknij jedną, żeby ją zablokować. Prawie identyczne brązy są pomijane. To nadal nie jest księga marki i nie jest paleta wymyślona przez AI. Liczy się tylko ten plik.
Jak pobrać kolor ze zdjęcia
Dodaj plik, celuj, zablokuj, skopiuj. Podgląd to plik. Nie ma drugiego kroku konwersji.
Dodaj zdjęcie
Upuść JPG, PNG, WebP, GIF, BMP albo AVIF, albo wklej zrzut ekranu. Piksele są dekodowane w tej karcie. HEIC, TIFF, PDF i adres strony się nie otworzą.

Celuj i zablokuj
Użyj 1 px na płaskim wypełnieniu albo 3×3 / 5×5 na zdjęciu. Kliknij, żeby zablokować. Na telefonie powiększ, gdy znak jest mały. Próbka siedzi nad palcem. Puść, żeby zablokować.

Skopiuj kod
Skopiuj HEX, RGB albo HSL. Jeśli potrzebujesz pliku, a nie samego kodu, pobierz płaski PNG tej próbki.

Dlaczego kolor, który widzisz, i piksel się nie zgadzają
Rozjazd jest w pliku, nie w kliknięciu. To są przypadki, które ta strona ci pokazuje.
Krawędź litery to nie wypełnienie
Wygładzanie miesza wypełnienie z tłem wzdłuż każdej krawędzi. Klik w tę frędzlę zwraca trzeci kolor. Celuj w środek płaskiego obszaru i zostań przy 1 px. Lupa pokazuje te mieszane piksele, zanim zablokujesz.
JPEG jest zapisany w blokach
JPEG nie trzyma gładkiego nieba jako jednego kodu. Sąsiednie piksele skaczą. Odczyt 1 px będzie skakał, gdy ruszysz. Średnia 5×5 zostaje bliżej koloru, który melduje oko. To plik, nie nietrafione kliknięcie.
Zrzut jest już skompresowany
Jeśli obraz zapisał czat albo narzędzie zrzutu, pierwotny kolor marki mógł już zniknąć. Ta strona melduje plik, który dodałeś. Nie odzyska kodu, którego nie ma już w pikselach.
Palec zasłania piksel
Na telefonie próbka siedzi nad palcem, a lupa pokazuje te piksele. Puść, żeby zablokować. Gdy znak jest mały, użyj 2× albo 4× i przeciągnij zdjęcie, aż lupa na nim stanie. Strzałki przesuwają o jeden piksel, gdy mysz jest za gruba.
Profil koloru to nie numer piksela
Photoshop może pokazać inny HEX dla tego samego punktu, gdy plik niesie Display P3 albo profil druku. Ta strona czyta piksele sRGB, które zdekodowała przeglądarka. To jest liczba, którą wklejasz do CSS i Figmy. Nie zrobi z niej próby drukarskiej i nie cofnie zrzutu, który już sfotografował monitor.
Zanim zaufasz kodowi
- Na logo kliknij środek płaskiego kształtu. Obrzeże jest mieszanką.
- Na zdjęciu zacznij od 5×5. Zejdź do 1 px tylko wtedy, gdy potrzebujesz jednego dokładnego piksela, na przykład samotnej diody.
- Jeśli dwa kliknięcia w to samo niebo dają dwa kody HEX, to jest plik. Uśrednij je przez 5×5, zamiast szukać piksela, który pasuje do pamięci.
- Najbliższa nazwa może powiedzieć steel blue dla błękitu marki. Wklej HEX do narzędzia. Nie wklejaj nazwy do CSS. Nazwa zostaje po angielsku.
- Animowane GIF-y biorą pierwszą klatkę. Późniejsza klatka może mieć inny kolor.
- HEIC z iPhone’a się tu nie otworzy. Najpierw wyeksportuj JPG albo PNG.
- Ta strona nie wymyśla wartości CMYK do druku. Piksel ekranu zamieniony na farbę nie jest próbą drukarską.
- Jeśli Photoshop pokazuje inny HEX, plik może nieść profil koloru. Ta strona melduje piksele sRGB, które zdekodowała przeglądarka.
Trzy roboty, które ta strona kończy
Każda karta to plik, który już masz, ustawienie próbki i granica tego odczytu.
Logo do arkusza stylów
Masz PNG znaku i potrzebujesz wypełnienia w CSS.
Plik: PNG albo SVG wyeksportowane do PNG, z płaskim kształtem marki.
Ustawienie: 1 px, wycelowane w środek wypełnienia.
Kopiujesz: HEX wklejony do CSS albo do Figmy.
Limit: Wygładzone obrzeże to inny kod. Nie klikaj krawędzi.
Zrzut strony
Widzisz kolor przycisku i nie możesz otworzyć arkusza stylów.
Plik: Zrzut ekranu wklejony ze schowka.
Ustawienie: 1 px na płaskiej części przycisku, nie na obramowaniu.
Kopiujesz: HEX albo RGB.
Limit: Kompresja zrzutu i monitor, na którym powstał, mogły już przesunąć kod.
Zdjęcie produktu
Chcesz używalny kolor pod tintę tła, nie jeden szumiący piksel.
Plik: JPG produktu.
Ustawienie: 5×5 na materiale, z dala od błysków i cienia.
Kopiujesz: HSL, a potem jaśniejszy krok w narzędziu do projektu.
Limit: Pole jest średnią tego punktu. To nie jest zmierzony wzornik marki.
Ta strona i narzędzie na pulpicie
Ta strona
Czyta plik w przeglądarce
Upuść albo wklej klatkę. Lupa, rozmiar próbki, HEX i paleta biorą się z tego pliku. Bez rozszerzenia, bez programu na Windows i bez konta. Chrome i Edge potrafią też pobrać kolor z ekranu własnym narzędziem przeglądarki. Ten dodatkowy przycisk jest oznaczony jako odczyt ekranu. Nie czyta pliku.
Inna robota
Odczyt ekranu, edytory i filtry
Narzędzie na pulpicie albo rozszerzenie patrzy w monitor. Photoshop też potrafi próbkować, wewnątrz pełnego edytora. Żadne z nich nie jest potrzebne, żeby odczytać jeden kod z pliku, który już zapisałeś. Przytnij zdjęcie, Rozmyj zdjęcie i Pikselizacja zdjęcia na tej witrynie zmieniają piksele. Nie oddają kodu HEX. Podziel obraz tnie zdjęcie na kawałki. Łączenie zdjęć i Kompresja zdjęć robią inny plik. Użyj ich, gdy robota to nowy obraz, nie kod. Obrót barwy całego kadru jest na stronie Zmień kolor zdjęcia, nie tutaj.
Pytania o kolor ze zdjęcia
Jak pobrać kolor ze zdjęcia? +
Upuść zdjęcie na tę stronę albo wklej zrzut. Jedź, aż lupa jest na kolorze, kliknij, żeby zablokować, i skopiuj HEX, RGB albo HSL. Na płaskim logo zostaw 1 px i kliknij środek wypełnienia. Na zdjęciu ustaw 3×3 albo 5×5, bo sąsiednie piksele rzadko trzymają jeden kod. Plik zostaje w tej karcie. Nie ma drugiego kroku i nie ma konta.
Jak pobrać kolor hex ze zdjęcia? +
Zablokuj punkt i naciśnij Kopiuj HEX. Kod wygląda tak: #1A73E8. Kopiuj RGB i Kopiuj HSL to ten sam kolor w dwóch pozostałych zapisach, rgb(26, 115, 232) i hsl(214, 82%, 51%). Kolor hex ze zdjęcia i kolor rgb ze zdjęcia opisują jeden punkt. Na szumiącym JPEG ustaw 5×5, zanim skopiujesz, inaczej hex skacze na sąsiada. Wklej kod, nie angielską nazwę.
Skąd jest paleta kolorów ze zdjęcia? +
Po otwarciu pliku strona składa do ośmiu próbek: duże płaskie obszary i mocniejsze kolory, żeby małe logo nie zniknęło pod bielą. Kliknij próbkę, żeby ją zablokować i skopiować kod. Prawie identyczne brązy odpadają. Paleta kolorów ze zdjęcia nie jest tu paletą AI i nie jest księgą marki. Bierze się tylko z tego pliku, nie z wzornika farby.
Jak skopiować kolor ze zdjęcia? +
Zablokuj punkt, potem Kopiuj HEX, Kopiuj RGB albo Kopiuj HSL. Jak skopiować kolor ze zdjęcia znaczy tu zabrać kod, nie nowy obraz. Jeśli potrzebujesz pliku próbki, pobierz płaski PNG tego koloru. Schowek dostaje tekst kodu. Zdjęcie źródłowe nie jest przy tym wysyłane.
Jak sprawdzić kolor ze zdjęcia? +
Otwórz plik, ustaw lupę na punkcie i przeczytaj HEX, zanim zaufasz nazwie. Jak sprawdzić kolor ze zdjęcia na płaskim logo: 1 px w środku kształtu. Na fotografii: 5×5, z dala od błysku. Dwa odczyty obok siebie mogą się różnić, bo JPEG nie trzyma jednej płaskiej wartości. Lupa pokazuje prawdziwe piksele, nie zgadywanie.
Czy kolor ze zdjęcia jest za darmo? +
Tak. Nie ma konta, nie ma okresu próbnego i nie ma znaku wodnego na kodzie. Odczyt dzieje się w karcie, którą już masz otwartą. Nie instalujesz aplikacji i nie płacisz, żeby zobaczyć kod. Zamkniesz kartę — odczyt znika.
Czy potrzebuję rozszerzenia Chrome albo programu na Windows? +
Nie. Rozszerzenie Chrome i program na Windows czytają ekran. Po angielsku ta klasa narzędzi nazywa się color picker. Ta strona czyta plik albo wklejony zrzut w przeglądarce. W Chrome i Edge możesz też użyć Pobierz z ekranu. To własne narzędzie przeglądarki i widzi tylko monitor, nie plik powyżej. Obowiązkowej instalacji nie ma.
Czy to zastępuje pobieranie koloru w Wordzie, Canvie i Photoshopie? +
Nie. Te programy próbkują wewnątrz własnego dokumentu. Tutaj czytasz plik, który już zapisałeś, bez otwierania edytora. Do malowania nadal potrzebujesz tamtego programu. Ta strona oddaje tylko kod. Nie piszemy lekcji kliknięć dla Worda, Canvy, Photoshopa ani Procreate. Wyeksportuj JPG albo PNG i upuść go tutaj.
Czy zmienię tu kolor zdjęcia? +
Nie. Ten odczyt nie przemalowuje zdjęcia, nie odwraca barw i nie podmienia jednego koloru na inny. Do tego jest Zmień kolor zdjęcia, na tej samej witrynie. Jak usunąć kolor ze zdjęcia też nie dzieje się tutaj. Zabierasz tylko kod punktu, który wskazujesz. Plik źródłowy zostaje nietknięty.
Dlaczego dwa kliknięcia w to samo miejsce dają dwa kody? +
Fotografie i JPEG-i nie trzymają jednego płaskiego kodu dla nieba albo koszulki. Sąsiednie piksele różnią się przez bloki, szum i miękką krawędź. Użyj 3×3 albo 5×5, żeby uśrednić małe pole. Na logo zostań przy 1 px i kliknij środek płaskiego wypełnienia, nie frędzlę. Dwa kody na tym samym niebie to plik, nie chybione kliknięcie.
Co to za kolor ze zdjęcia? +
Strona pokazuje najbliższą angielską nazwę CSS, na przykład steel blue albo tomato. Co to za kolor ze zdjęcia nie dostaje tu polskiej nazwy i nie dostaje nazwy marki. To najmniejsza odległość RGB do znanej nazwy CSS. Wpiszesz tę nazwę w CSS — nie wrócisz do tego samego HEX. Wklej kod.
Czy zdjęcie idzie na serwer? +
Nie. Przeglądarka dekoduje plik i czyta piksele na tym urządzeniu. Zamkniesz kartę — odczyt znika. Do odczytu nie jest przypisane żadne konto. Nic nie idzie na serwer, żeby przeczytać piksel albo złożyć paletę. Nie pobieramy też obrazu z wklejonego adresu.
Czy mogę wkleić zrzut ekranu? +
Tak. Skopiuj zrzut, otwórz tę stronę i wklej przez Ctrl+V albo ⌘V. Na telefonie, gdy wklejanie nie jest oferowane, użyj wyboru pliku. Zrzut to już obraz monitora. Kod mógł się przez to przesunąć względem pierwotnego pliku. Ta strona melduje to, co wkleiłeś, nie to, co witryna miała w źródle.
Czy mogę wkleić adres strony i pobrać kolor z tamtego obrazka? +
Nie. Obraz hostowany na innej witrynie zwykle nie da się odczytać z tej karty, a ta strona nie wyśle twojego pliku na serwer, żeby go ściągnąć. Zapisz obraz i upuść ten plik. Color picker from screen i pobieranie po URL to inna droga. Tutaj jej nie ma.
Czy dostanę CMYK do druku? +
Nie. Zamiana piksela ekranu na CMYK nie jest próbą drukarską. Ta strona nie wymyśla wartości CMYK i nie zwraca kodu RAL. Skopiuj HEX albo RGB i zrób konwersję w programie, który zna papier i profil. Odczyt sRGB tutaj jest liczbą na ekran, nie farbą.
Czy działa na telefonie? +
Tak. Próbka siedzi nad palcem, a kolor blokuje się, gdy puścisz. Użyj 2× albo 4×, gdy znak jest mały, i przeciągnij zdjęcie, aż lupa na nim stanie. Gdy dłuższy bok ma ponad 2000 px, strona mierzy kopię 2000 px, żeby karta dała radę, i mówi o tym, gdy tak się dzieje. Kody pasują do tej kopii.
Dlaczego Photoshop pokazuje inny HEX? +
Plik może nieść profil koloru, na przykład Display P3 albo profil druku. Photoshop może pokazać liczbę wewnątrz tego profilu. Ta strona czyta piksele sRGB po tym, jak przeglądarka zdekoduje plik. To jest wartość do wklejenia w CSS albo w Figmie. Zrzut idzie o krok dalej: to już piksele monitora. Żaden z tych odczytów nie jest próbą CMYK.
Jak sprawdzić kolor RAL ze zdjęcia? +
Tutaj nie sprawdzisz. Ta strona nie zwraca kodu RAL. Jak sprawdzić kolor RAL ze zdjęcia, to robota dla wachlarza farb albo programu, który zna papier. Stąd zabierasz HEX, RGB albo HSL pikseli sRGB i angielską nazwę CSS, taką jak steel blue albo tomato. Wklej HEX tam, gdzie jest wachlarz. Ten adres wachlarza nie zastępuje.
Pobierz kolor ze swojego zdjęcia
Upuść zdjęcie albo wklej zrzut. Zablokuj piksel. Skopiuj kod. Plik zostaje na tym urządzeniu.
Pobierz kolor ze zdjęcia