Jak wyodrębnić paletę kolorów ze zdjęcia?

Prześlij, przeciągnij lub wklej obraz. Narzędzie grupuje widoczne dominujące kolory w paletę 3, 5 lub 8 kolorów.

Czym jest ekstraktor palety z obrazu?

To narzędzie, które podsumowuje dominujące widoczne kolory całego obrazu jako mniejszą, reprezentatywną paletę.

Czy mogę kopiować HEX, RGB lub zmienne CSS?

Tak. Możesz kopiować każdą wartość HEX albo RGB, wszystkie wartości HEX w osobnych wierszach lub całą paletę jako zmienne CSS.

Czy mój obraz jest przesyłany lub zapisywany?

Nie. Obraz jest odczytywany i analizowany lokalnie w przeglądarce, bez wysyłania go na serwer.

Dlaczego paleta ma mniej kolorów niż wybrałem?

Obraz może zawierać mniej unikalnych widocznych kolorów niż wybrany rozmiar. Narzędzie nie powiela kolorów i pomija faktycznie przezroczyste piksele.

Wyodrębnij paletę kolorów ze zdjęcia

Prześlij, przeciągnij lub wklej zdjęcie, zrzut ekranu, logo albo ilustrację, aby wyodrębnić paletę kolorów z całego obrazu. Narzędzie podsumowuje dominujące widoczne barwy w palecie 3, 5 lub 8 kolorów zamiast odczytywać wartość jednego piksela. Kopiuj pojedyncze wartości HEX i RGB, wszystkie wartości HEX w osobnych wierszach albo gotowy zestaw zmiennych CSS. Obraz jest przetwarzany lokalnie w przeglądarce i nigdy nie trafia do ColourPicker.app.

Prześlij obraz

Wybierz plik, przeciągnij go tutaj lub wklej obraz ze schowka.

Możesz też wkleić zrzut ekranu za pomocą Ctrl+V lub Command+V.

Twój obraz pozostaje na urządzeniu i jest przetwarzany tylko w tej przeglądarce.

Więcej narzędzi

Picker

Próbnik Kolorów

Prześlij obraz i kliknij, aby wyodrębnić kody kolorów HEX, RGB i HSL.

HEXRGBHSLImage

Converter

Konwerter Kolorów

Konwertuj kolory między HEX, RGB i HSL natychmiast.

HEXRGBHSL

Checker

Sprawdzanie Kontrastu

Sprawdź współczynniki kontrastu kolorów według standardów WCAG AA i AAA.

WCAGAAAAA

Generator

Generator Palety

Generuj harmonijne palety kolorów z dowolnego koloru bazowego.

HarmonyHSLHEX

Jak utworzyć paletę kolorów ze zdjęcia

Wybierz plik obrazu, przeciągnij go do obszaru przesyłania lub wklej obraz ze schowka. Przeglądarka odczytuje obraz i analizuje mniejszą próbkę widocznych pikseli. Podobne odcienie są grupowane, dzięki czemu paleta pokazuje kolory najważniejsze dla wyglądu obrazu, a nie każdą pojedynczą wartość piksela.

Dodaj zdjęcie, logo, ilustrację, zrzut ekranu lub inny obraz, który może otworzyć przeglądarka.
Po wczytaniu automatycznie powstaje paleta pięciu dominujących kolorów.
Wybierz 3, 5 lub 8 kolorów, aby otrzymać krótszą albo bardziej szczegółową referencję.
Kopiuj pojedyncze kolory lub całą paletę do kolejnego etapu projektu albo pracy programistycznej.

Fotografia może zawierać światła, cienie i duże obszary tła, natomiast prosty znak może mieć zaledwie kilka widocznych barw. Wynik odzwierciedla to, co rzeczywiście jest na obrazie, i nie jest sztucznie uzupełniany.

Dominujące kolory, a nie jeden dokładny piksel

Ta strona służy do wielokolorowego podsumowania całego zdjęcia, ilustracji, logo lub zrzutu ekranu. Otrzymujesz barwy, które kształtują obraz jako całość, a nie dokładną wartość z wybranego punktu.

Jeśli potrzebujesz dokładnego koloru pojedynczego piksela, wybierz jeden dokładny kolor z obrazu. Aby natomiast tworzyć relacje dopełniające, analogiczne lub inne teoretyczne relacje z koloru bazowego, możesz wygenerować harmonię kolorów z koloru bazowego. Ten ekstraktor podsumowuje wyłącznie kolory już widoczne na obrazie.

Kopiuj paletę jako HEX, RGB lub zmienne CSS

Każde pole koloru ma wartość HEX i RGB oraz osobne przyciski kopiowania. Możesz również skopiować wszystkie wartości HEX jako listę z jednym kolorem w wierszu. Przydaje się to w notatkach, referencjach wizualnych i moodboardach.

Przycisk zmiennych CSS tworzy blok :root z nazwami takimi jak --cp-1, --cp-2 i --cp-3. Użyj go jako szybkiego punktu wyjścia w prototypie lub arkuszu stylów, a następnie osobno sprawdź kontrast i dostępność.

Twój obraz pozostaje prywatny

Całe przetwarzanie odbywa się w Twojej przeglądarce. Obraz nie jest wysyłany do ColourPicker.app ani do zewnętrznej usługi i nie jest przechowywany na serwerze. Lokalny podgląd jest tymczasowy i zostaje zwolniony po zmianie obrazu lub opuszczeniu strony.

Analiza używa wyłącznie widocznych informacji o kolorach. Faktycznie przezroczyste piksele są pomijane, więc przezroczyste tło na przykład w logo PNG nie staje się błędnie kolorem dominującym.

Dlaczego obraz może zwrócić mniej kolorów

Wybór 3, 5 lub 8 kolorów oznacza maksimum, a nie obietnicę dodatkowych próbek. Prosty symbol, płaska grafika, dwukolorowe logo albo prawie przezroczysty obraz może zawierać mniej unikalnych widocznych kolorów niż wybrany rozmiar.

W takiej sytuacji narzędzie pokazuje mniejszą, rzeczywistą paletę. Nie powiela kolorów i nie tworzy nowych odcieni tylko po to, aby osiągnąć określoną liczbę.

Najczęściej zadawane pytania

Jak wyodrębnić paletę kolorów ze zdjęcia?: Prześlij, przeciągnij lub wklej obraz. Narzędzie grupuje widoczne dominujące kolory w paletę 3, 5 lub 8 kolorów.
Czym jest ekstraktor palety z obrazu?: To narzędzie, które podsumowuje dominujące widoczne kolory całego obrazu jako mniejszą, reprezentatywną paletę.
Czy mogę kopiować HEX, RGB lub zmienne CSS?: Tak. Możesz kopiować każdą wartość HEX albo RGB, wszystkie wartości HEX w osobnych wierszach lub całą paletę jako zmienne CSS.
Czy mój obraz jest przesyłany lub zapisywany?: Nie. Obraz jest odczytywany i analizowany lokalnie w przeglądarce, bez wysyłania go na serwer.
Dlaczego paleta ma mniej kolorów niż wybrałem?: Obraz może zawierać mniej unikalnych widocznych kolorów niż wybrany rozmiar. Narzędzie nie powiela kolorów i pomija faktycznie przezroczyste piksele.