Jak pobrać kolor ze zdjęcia?

1.
Wczytaj obraz
Przeciągnij zdjęcie, kliknij, aby je wybrać, albo wklej zrzut ekranu (Ctrl+V).
2.
Kliknij w kolor
Kliknij lub dotknij miejsca na obrazie. Lupa pokazuje powiększony fragment i dokładny piksel - na telefonie przytrzymaj i przesuń palec.
3.
Skopiuj kod
Obok pojawią się kody HEX, RGB i HSL z przyciskami kopiowania. Ostatnio wybrane kolory zapisują się na liście.
4.
Użyj palety
W sekcji „Dominujące kolory” wybierz 5-10 barw wyodrębnionych z całego obrazu i skopiuj je wszystkie jednym kliknięciem.

HEX, RGB i HSL - który zapis wybrać?

Ten sam kolor można zapisać na kilka sposobów, np. #336699, rgb(51, 102, 153) i hsl(210, 50%, 40%). HEX to najkrótszy zapis w CSS i narzędziach graficznych, RGB wygodny w programowaniu i przy przezroczystości (rgba), a HSL pozwala łatwo zmieniać barwę, nasycenie i jasność. Inne formaty (HSV, CMYK, OKLCH) przeliczysz w konwerterze kolorów.

Jak działa wyodrębnianie palety?

Narzędzie próbkuje do 40 000 pikseli obrazu, pomija przezroczyste, a następnie stosuje algorytm median cut: zbiór kolorów jest wielokrotnie dzielony wzdłuż kanału (R, G lub B) o największym rozrzucie, aż powstanie żądana liczba grup. Kolorem grupy jest średnia jej pikseli, a udział procentowy odpowiada liczbie pikseli w grupie. Dzięki temu paleta odzwierciedla to, co widać na zdjęciu, a nie tylko pojedyncze skrajne odcienie. Dla zdjęcia z jednolitym tłem pierwszy kolor będzie zwykle kolorem tła.

Zastosowania i typowe błędy

Zadanie	Jak to zrobić
Kolor logo do strony lub CSS	wczytaj logo w PNG i kliknij środek jednolitego pola - unikaj krawędzi, gdzie wygładzanie miesza kolor z tłem
Paleta do projektu z inspiracji	ustaw 5-6 kolorów w „Dominujących kolorach” i skopiuj wszystkie HEX jednym przyciskiem
Dopasowanie farby lub materiału	pobierz kilka próbek z równo oświetlonego miejsca i porównaj; pamiętaj, że zdjęcie zależy od światła i ustawień aparatu
Kolor z innej aplikacji	pipeta ekranowa w Chrome lub Edge albo zrzut ekranu wklejony przez Ctrl+V

Najczęstszy błąd to pobranie koloru z cienia lub odblasku - na zdjęciu ta sama ściana może mieć w różnych miejscach wartości różniące się o kilkadziesiąt jednostek RGB. Drugi to klikanie w krawędź obiektu. Lista „Wybrane kolory” przechowuje do 14 ostatnich próbek, więc łatwo porównać kilka punktów i wybrać najbardziej reprezentatywny.

Dokładność i ograniczenia

Pobierany jest kolor konkretnego piksela po dekompresji obrazu. Obrazy, których dłuższy bok przekracza 1800 px, są do analizy zmniejszane do 1800 px - wtedy jeden piksel w narzędziu jest uśrednieniem kilku pikseli oryginału, co przy drobnych detalach (cienka linia, tekst) może dać kolor pośredni. W plikach JPG sąsiednie piksele mogą się nieznacznie różnić przez kompresję, więc dla zdjęć warto kliknąć kilka razy lub użyć palety uśredniającej. Przeglądarka nie zarządza profilami kolorów (ICC) w tym narzędziu: wartości odnoszą się do sRGB. Pipeta ekranowa (EyeDropper API) jest dostępna w Chrome i Edge na komputerach; w pozostałych przeglądarkach użyj wczytania zrzutu ekranu.

Najczęściej zadawane pytania

Jak sprawdzić kod koloru na zdjęciu?

Wczytaj zdjęcie i kliknij interesujące miejsce - zobaczysz kod HEX, RGB i HSL, który możesz skopiować.

Czy mogę pobrać kolor z innej strony lub aplikacji?

W Chrome i Edge użyj przycisku „Pobierz kolor z ekranu” (pipeta systemowa). W innych przeglądarkach zrób zrzut ekranu i wklej go tutaj.

Ile kolorów może mieć paleta?

Od 5 do 10. Suwak zmienia liczbę kolorów na żywo, a pod każdym kolorem widać jego udział w obrazie.

Dlaczego dwa kliknięcia obok siebie dają różne kolory?

Zdjęcia zawierają szum i artefakty kompresji JPG, dlatego sąsiednie piksele różnią się o kilka jednostek. Użyj palety lub kliknij kilka punktów w tym samym obszarze.

Czy obraz jest wysyłany na serwer?

Nie. Całe przetwarzanie odbywa się lokalnie w Twojej przeglądarce.

Aktualizacja: 11 października 2026