Wyciągnięcie konkretnego odcienia z fotografii do wykorzystania w designie. Dopasowanie koloru akcentu UI do assetu marki, którego hex'a nie masz. Wyciągnięcie poszczególnych kolorów marki z obrazka logo, klik po kliku. Zbudowanie palety moodboarda z kadru filmowego albo dzieła sztuki. Sprawdzenie, czy dwa obszary obrazka naprawdę mają ten sam kolor (vs wyglądają podobnie ale różnią się w pikselach).

Anti-aliasing na tekście. Litery mają miękkie krawędzie, które nie reprezentują podstawowego koloru "tuszu". Klikaj w środek grubej kreski, nie na krawędź. Artefakty JPEG. Mocno skompresowane zdjęcia mają drift kolorów w pozornie płaskich regionach. Jeśli potrzebujesz czystego koloru, używaj źródeł PNG. Obrazek skalowany do wyświetlania. Bardzo duże obrazki są zmniejszane do ~700px szerokości. Piksel, który klikasz, pochodzi z wyświetlanego canvas, nie oryginału. Do pixel-perfect ekstrakcji malutkiego elementu — zrób crop przed uploadem. HSL jest pochodne, nie przechowywane. Przeglądarka przechowuje RGB; HSL to inna forma opisu tego samego koloru. Round-tripy mogą wprowadzić drobne drifty przez zaokrąglenie.

Próbnik kolorów z obrazka

Wgraj obrazek i kliknij gdziekolwiek, żeby dostać hex, RGB i HSL tego piksela. Zbuduj własną paletę klikając wiele punktów. Czysta przeglądarka, bez uploadu.

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

Do czego to służy?

To narzędzie zamienia każdy wgrany obrazek w klikalne źródło koloru. Najedź gdziekolwiek, żeby odczytać dokładny piksel pod kursorem jako hex, RGB i HSL — z lupą powiększającą 8×, żebyś mógł precyzyjnie pickować piksele bez mrużenia. Kliknij, żeby zablokować kolor w własnej palecie: zbuduj paletę klikając wiele punktów. Kliknij swatch w palecie, żeby go usunąć. Obrazek nigdy nie opuszcza przeglądarki.

Kiedy tego użyć

Wyciągnięcie konkretnego odcienia z fotografii do wykorzystania w designie.
Dopasowanie koloru akcentu UI do assetu marki, którego hex'a nie masz.
Wyciągnięcie poszczególnych kolorów marki z obrazka logo, klik po kliku.
Zbudowanie palety moodboarda z kadru filmowego albo dzieła sztuki.
Sprawdzenie, czy dwa obszary obrazka naprawdę mają ten sam kolor (vs wyglądają podobnie ale różnią się w pikselach).

Jak działa precyzja

Sample 1-piksela jest dokładny, ale zaszumiony — krawędzie z anti-aliasingiem, artefakty JPEG i subpixel rendering powodują lekki rozjazd sąsiadów. Lupa 8× pozwala ci widzieć i klikać konkretny piksel, który masz na myśli, zamiast polegać na średniej. Dla ekstrakcji kolorów marki to ważne; do moodboarda możesz zignorować.

Częste pułapki

Anti-aliasing na tekście. Litery mają miękkie krawędzie, które nie reprezentują podstawowego koloru "tuszu". Klikaj w środek grubej kreski, nie na krawędź.
Artefakty JPEG. Mocno skompresowane zdjęcia mają drift kolorów w pozornie płaskich regionach. Jeśli potrzebujesz czystego koloru, używaj źródeł PNG.
Obrazek skalowany do wyświetlania. Bardzo duże obrazki są zmniejszane do ~700px szerokości. Piksel, który klikasz, pochodzi z wyświetlanego canvas, nie oryginału. Do pixel-perfect ekstrakcji malutkiego elementu — zrób crop przed uploadem.
HSL jest pochodne, nie przechowywane. Przeglądarka przechowuje RGB; HSL to inna forma opisu tego samego koloru. Round-tripy mogą wprowadzić drobne drifty przez zaokrąglenie.