Pipeta kolorów ze zdjęcia Celuj w piksel, kopiuj HEX／RGB／HSL od razu
Wgraj zdjęcie
Przeciągnij i upuść zdjęcie tutaj
lub kliknij poniżej, aby wybrać plik — wsparcie dla JPG, PNG, WEBP, GIF
🔒 Twoje zdjęcie jest przetwarzane wyłącznie w Twojej przeglądarce i nigdy nie jest wysyłane na serwer.
Czym jest pipeta kolorów ze zdjęcia?
To darmowe narzędzie online pomaga projektantom, programistom i osobom przygotowującym prezentacje wyodrębnić dokładny kolor każdego piksela ze zdjęcia, makiety lub zrzutu ekranu. Przeciągnij zdjęcie, przesuń kursor nad wybrane miejsce, aby zobaczyć lupę powiększającą ten piksel w czasie rzeczywistym, a następnie kliknij, aby natychmiast skopiować kody HEX, RGB i HSL oraz dodać kolor do palety, którą możesz budować i porównywać.
🔒 Całe przetwarzanie odbywa się w 100% lokalnie w Twojej przeglądarce. Twoje zdjęcie nigdy nie jest wysyłane na serwer, co w pełni chroni Twoje pliki i prywatność.
Dla kogo jest to narzędzie?
- Projektanci i graficy: szybkie wyodrębnianie dokładnych kolorów marki z materiału referencyjnego klienta, księgi znaku lub zrzutu ekranu konkurencji.
- Marketerzy i twórcy prezentacji: pobranie głównego koloru z logo firmy, aby slajdy idealnie pasowały do identyfikacji marki.
- Programiści front-end: pobranie kodu HEX potrzebnego do CSS bezpośrednio ze zrzutu ekranu makiety interfejsu, bez otwierania oprogramowania projektowego.
- Fotografowie i artyści: analiza rozkładu tonów w zdjęciu jako punkt odniesienia przy korekcji kolorów.
Co to są HEX, RGB i HSL?
To trzy najpopularniejsze formaty zapisu kolorów: HEX (np. #4E8AB5) to szesnastkowy kod najczęściej używany w projektowaniu stron; RGB opisuje kolor za pomocą wartości czerwonej, zielonej i niebieskiej (0–255); HSL opisuje odcień, nasycenie i jasność, co często jest bardziej intuicyjne dla ludzkiego oka. Więcej informacji znajdziesz na Wikipedii: Web colors.
Jak korzystać
- Przeciągnij zdjęcie do obszaru wgrywania lub kliknij Wybierz zdjęcie, aby przejrzeć swoje pliki.
- Przesuń kursor nad dowolne miejsce na zdjęciu — lupa w czasie rzeczywistym pokaże dokładny kolor pod nim.
- Kliknij, aby automatycznie skopiować kod HEX i dodać go do palety poniżej; każdą próbkę można skopiować indywidualnie jako HEX, RGB lub HSL, albo usunąć.
Najczęściej zadawane pytania (FAQ)
P1: Czy moje zdjęcie jest wysyłane na serwer?
Nie. To narzędzie odczytuje kolory pikseli lokalnie za pomocą natywnego API Canvas przeglądarki. Twój plik graficzny nigdy nie opuszcza Twojego urządzenia, a wszystkie dane są automatycznie usuwane po odświeżeniu strony.
P2: Czemu nie widzę przycisku Pobierz z ekranu?
Ta funkcja wykorzystuje natywne API EyeDropper przeglądarki, obecnie dostępne tylko w przeglądarkach oparte na Chromium, takich jak Chrome i Edge (wersja 95+). Firefox i Safari jeszcze go nie wspierają. Główna funkcja pipety kolorów działa bez zarzutu również bez tego przycisku.
P3: Czy kompresja obrazu wpływa na dokładność koloru?
Nieznacznie. Formaty ze stratną kompresją, takie jak JPG, mogą lekko zmienić wartości pikseli względem oryginalnego pliku projektowego. Dla pełnej precyzji warto używać formatu bezstratnego, np. PNG.