Utilia
Kategorie ▾
Język: pl ▾

Próbnik kolorów z obrazu

Wczytaj obraz i kliknij dowolny piksel, aby poznać jego kolor w HEX, RGB, HSL, HSV i CMYK. Lupa, uśrednianie i lista pobranych kolorów w przeglądarce.

Jak pobrać kolor z obrazu

  1. Upuść obraz w polu wczytywania albo kliknij je, aby wybrać plik (JPG, PNG, WebP, GIF lub dowolny format, który potrafi wyświetlić twoja przeglądarka).
  2. Przesuwaj wskaźnik nad obrazem. Lupa pokazuje powiększone piksele wokół kursora, a pole Pod kursorem podaje kod HEX na żywo.
  3. Kliknij wybrany piksel. Próbka Wybrany kolor pokazuje go wraz z położeniem piksela, a obok pojawiają się kody HEX, RGB, HSL, HSV i CMYK, każdy z przyciskiem Kopiuj.
  4. Klikaj dalej, aby zebrać więcej kolorów: trafiają one na listę Pobrane kolory, z której możesz skopiować każdy z nich. Wyczyść listę ją opróżnia.

Na telefonie lub tablecie po prostu dotknij obrazu. Z klawiatury ustaw fokus na obrazie klawiszem Tab, przesuwaj się strzałkami (z wciśniętym Shift o 10 pikseli naraz) i naciśnij Enter, aby pobrać kolor.

Obraz nigdy nie opuszcza twojego urządzenia: jest dekodowany i odczytywany wyłącznie przez twoją przeglądarkę.

Pojedynczy piksel czy średnia?

Menu Rozmiar próbki określa, ile pikseli jest odczytywanych przy każdym pobraniu:

  • 1 piksel zwraca dokładny kolor piksela pod kursorem. Używaj go do płaskich grafik, logotypów, zrzutów ekranu i ikon.
  • Średnia 3 × 3 i Średnia 5 × 5 zwracają średni kolor 9 lub 25 sąsiednich pikseli. Używaj ich przy zdjęciach: kompresja JPEG i szum matrycy sprawiają, że sąsiednie piksele nieco się różnią, a średnia daje kolor, który lepiej oddaje to, co widzisz.

Kwadrat obrysowany w lupie pokazuje dokładnie, które piksele są uwzględniane. Przy krawędziach obrazu liczone są tylko istniejące piksele.

Obsługiwane są też przezroczyste piksele w plikach PNG lub WebP: kolor jest ważony kryciem, więc całkowicie przezroczyste obszary nie ciągną wyniku w stronę czerni, a częściowo przezroczysty wynik otrzymuje ośmioznakowy kod HEX z kanałem alfa, np. #FF000080.

Dokładność i ograniczenia

  • Kolory są odczytywane w przestrzeni sRGB elementu canvas twojej przeglądarki. Obrazy zapisane z innym profilem kolorów (Adobe RGB, Display P3) są najpierw konwertowane przez przeglądarkę, więc kody zgadzają się z tym, co widzisz na ekranie, ale mogą się nieco różnić od surowych wartości pliku pokazywanych przez edytor zdjęć.
  • Bardzo duże obrazy są zmniejszane do 4096 pikseli na dłuższym boku, aby ograniczyć zużycie pamięci. Narzędzie informuje, kiedy tak się dzieje; w takich obrazach każdy pobrany piksel jest już niewielką średnią oryginału.
  • Wartości CMYK to uproszczona konwersja bez profilu ICC, przydatna jedynie jako przybliżona wskazówka.

Najczęściej zadawane pytania

Jak znaleźć kod HEX koloru na zdjęciu?

Otwórz zdjęcie w tym narzędziu i kliknij kolor. Kod HEX pojawi się w polu Wybrany kolor; kliknij Kopiuj obok niego, aby wkleić go do CSS, Figmy, Canvy lub dowolnej innej aplikacji.

Dlaczego sąsiednie piksele mojego zdjęcia mają różne kody?

Zdjęcia zawierają szum, przejścia tonalne i artefakty kompresji, więc dwa piksele, które wyglądają identycznie, rzadko mają tę samą wartość. Wybierz Średnia 3 × 3 lub Średnia 5 × 5 w menu Rozmiar próbki, aby uzyskać stabilniejszy kolor.

Czy mogę pobierać kolory ze zrzutu ekranu strony internetowej?

Tak. Zrób zrzut ekranu, zapisz go jako PNG i upuść tutaj. Zrzuty PNG są bezstratne, więc z opcją 1 piksel otrzymasz dokładny kolor użyty na stronie, o ile ekran nie zastosował skalowania ani zarządzania kolorem.

Czy mój obraz jest przesyłany?

Nie. Plik jest otwierany przez twoją przeglądarkę i rysowany na elemencie canvas na twoim urządzeniu. Nic nie jest wysyłane na serwer, a zamknięcie strony go usuwa.

Czy mogę otrzymać całą paletę zamiast pojedynczych kolorów?

To narzędzie odczytuje pojedyncze piksele. Aby automatycznie poznać główne kolory obrazu, użyj narzędzia do tworzenia palety z obrazu, które grupuje podobne piksele i wymienia dominujące kolory wraz z ich udziałem.

Podobne narzędzia