Próbnik kolorów z obrazu
Próba dopasowania koloru marki ze zrzutu logo lub wyciągnięcia odcienia ściany ze zdjęcia zwykle oznacza otwarcie Photoshopa. Ten próbnik ładuje dowolny obraz na płótno z możliwością powiększania i pokazuje wartość HEX, RGB i HSL piksela, który klikniesz, ze średnią 10×10, dzięki czemu możesz próbkować obszar zamiast pojedynczego piksela i uniknąć artefaktów szumu JPEG.
Jak pobrać kolor z obrazu
-
1
Wgraj lub upuść obraz
JPG, PNG, WebP: próbnik skaluje się do twojego okna.
-
2
Powiększ obszar
Przewiń, by powiększyć; przeciągnij, by przesunąć do dokładnego miejsca, które chcesz próbkować.
-
3
Kliknij piksel
Natychmiastowy odczyt w HEX, RGB, HSL plus powiększona próbka.
-
4
Skopiuj potrzebny zapis
Jedno kliknięcie kopiuje HEX, rgb() lub hsl() do schowka.
-
5
Zapisz wiele próbek
Zbierz paletę 6-10 kolorów z całego obrazu jako odniesienie projektowe.
Uzyskiwanie dokładnych próbek
Pobranie koloru z pojedynczego piksela to prawie nigdy nie to, czego chcesz od prawdziwego zdjęcia, kompresja JPEG, szum i zmiany oświetlenia tworzą różnice piksel po pikselu nawet w wizualnie jednolitym obszarze.
Tryby próbkowania
| Tryb | Co robi | Kiedy używać |
|---|---|---|
| Punkt | Pojedynczy piksel pod kursorem | Próbkowanie zrzutu z narzędzia projektowego |
| Średnia 3 × 3 | Średnia z 9 pikseli wokół kliknięcia | Zdjęcia JPG z lekką kompresją |
| Średnia 10 × 10 | Średnia ze 100 pikseli | Mocno skompresowane lub zaszumione zdjęcia |
| Średnia obszaru | Narysuj prostokąt, uśrednij każdy piksel w środku | Logo i materiały projektowe w płaskim kolorze |
Zastrzeżenia dotyczące przestrzeni barw
- Zrzuty z wyświetlacza pokazują wartości sRGB; pobrany kolor odpowiada oryginalnemu źródłu.
- Zdjęcia z aparatu mogą być w Adobe RGB lub DCI-P3; próbnik pokazuje sRGB, więc żywa czerwień ze zdjęcia z telefonu o szerokiej gamie wygląda nieco mniej nasycona.
- PNG z profilem ICC: próbnik konwertuje do sRGB przed próbkowaniem, by wyniki były spójne.
Typowe zastosowania
- Dopasowanie koloru logo klienta ze zrzutu zamiast zgadywania.
- Budowanie palety ze zdjęcia referencyjnego (krajobraz, moodboard, kadr filmowy).
- Sprawdzanie wartości hex na wyrenderowanej stronie, która utraciła swoje tokeny projektowe.
- Weryfikacja, czy kolor marki został poprawnie zastosowany przez interesariusza.
Prywatność
Obraz jest ładowany na płótno twojej przeglądarki i nigdy nie jest wgrywany, próbnik korzysta wyłącznie z odczytów płótna po stronie klienta, więc poufne projekty pozostają poufne.
Najczęściej zadawane pytania
Kompresja JPEG nieznacznie przesuwa kolory, zwłaszcza w gradientach i blisko krawędzi. Jeśli źródłem jest JPG, wypróbuj tryb średniej 10 × 10; jeśli masz dostęp do oryginalnego PNG lub SVG, próbkuj z niego dla dokładnego dopasowania.
Nie bezpośrednio. Zrób zrzut ekranu klatki, którą chcesz, i załaduj go. Do rygorystycznej pracy wideo-na-paletę wyodrębnij klatki narzędziem do wideo i próbkuj każdą z nich.
Próbkuje z klatki wyświetlanej w momencie kliknięcia. Zatrzymaj lub przewiń do klatki, której chcesz, przed próbkowaniem.
Do 20 na sesję. Palety są przechowywane lokalnie, więc odświeżenie strony je zachowuje, ale wyczyszczenie danych przeglądarki je usuwa.
Powiązane narzędzia
Zmiana rozmiaru obrazu
Zmieniaj rozmiar obrazów do dokładnych wymiarów w pikselach lub procentach, zachowując proporcje. Dobre do pracy partiami, bez przesyłania plików.
Masowa zmiana rozmiaru obrazów
Przeciągnij kilka obrazów, dopasuj je lub rozciągnij do rozmiaru docelowego i wyeksportuj JPG, PNG albo WebP w jednym ZIP-ie. Przetwarzanie zostaje w przeglądarce.
Komprimuj plik GIF
Zmniejsz animowany plik GIF w przeglądarce: obniż wymiary, zachowaj mniej klatek i dopasuj jakość kodowania. Zobacz podgląd pętli przed pobraniem.
Narzędzie do zmiany rozmiaru obrazów do social media
Zmień rozmiar jednego obrazu do wbudowanych presetów dla Instagramu, Facebooka, X, LinkedIn, YouTube, Pinteresta i TikToka. Sprawdź każdy PNG i pobierz potrzebne formaty.
Wektoryzator PNG do SVG
Przekształcaj obrazy rastrowe PNG w ścieżki SVG bezpośrednio w przeglądarce. Najlepsze do logo, ikon i rysunków liniowych. Steruj progiem, liczbą kolorów i wygładzaniem.
Kompresor obrazów
Kompresuj obrazy JPG, PNG i WebP, aby zmniejszyć rozmiar pliku przy zachowaniu jakości wizualnej. Wszystko działa w przeglądarce, bez przesyłania plików.