Darmowy konwerter

Paleta kolorów Ekstraktor z obrazu

Natychmiast wyodrębnij dominujące kolory z dowolnego obrazu. Uzyskaj wartości HEX i RGB jednym kliknięciem. Bezpłatny, bezpieczny i działa całkowicie w przeglądarce.

Przeciągnij i upuść obraz tutaj

Obsługuje PNG, JPG, WEBP, GIF. Maks. 50 MB.

Lub

O tym narzędziu

Ekstrakcja palety kolorów analizuje obraz i identyfikuje kolory dominujące lub reprezentatywne. Rezultatem jest mały zestaw kolorów — zwykle 5–8 — który oddaje wizualny charakter obrazu. Projektanci używają wyodrębnionych palet do koordynowania innych elementów projektu (kolory interfejsu użytkownika uzupełniające wizerunek bohatera, palety marki zaczerpnięte z fotografii, schematy kolorów pasujące do obrazu nastroju).

Ekstrakcja wykorzystuje algorytmy grupowania (k-średnich lub podobne) do grupowania wszystkich pikseli obrazu w żądaną liczbę klastrów kolorów. Środek każdego klastra staje się kolorem palety. Największe skupiska reprezentują dominujące kolory; algorytm może również ważyć na podstawie znaczenia wizualnego (nasycenie, kontrast), a nie surowej liczby pikseli, aby uzyskać efektowne akcenty kolorystyczne.

To narzędzie działa w Twojej przeglądarce przy użyciu JavaScript. Obraz jest dekodowany na dane w pikselach, próbkowany w celu ograniczenia obliczeń i grupowany. Wynik to paleta z kodami szesnastkowymi, wartościami RGB i słupkami proporcjonalnymi pokazującymi przewagę każdego koloru na obrazie.

Po co wyodrębniać palety kolorów

Projektowanie elementów pasujących do istniejących obrazów jest znacznie szybsze przy użyciu wyodrębnionych palet niż wybieranie kolorów na oko. Projektanci stron internetowych tworzący strony docelowe wokół obrazów bohaterów, marketerzy tworzący zasoby pasujące do kluczowego zdjęcia produktu oraz projektanci marek analizujący zdjęcia konkurencji – wszyscy korzystają z algorytmicznej ekstrakcji palety.

Palety wspierają także zarządzanie treścią. Kategoryzacja obrazów według dominującego koloru pozwala tworzyć interfejsy, w których użytkownicy przeglądają zdjęcia, produkty lub projekty według koloru. Budowa takiego systemu wymaga systematycznego wyodrębniania palet, co umożliwia ekstrakcja programowa.

Jak używać

Prześlij, wybierz rozmiar palety, uzyskaj kolory.

  1. Prześlij swój obraz: Przeciągnij plik JPEG, PNG lub WebP do obszaru przesyłania. Obsługiwane są pliki do 50 MB.
  2. Wybierz rozmiar palety: 5-8 kolorów pokrywa większość przypadków użycia. 3-4 dla mocno skupionej palety; 10+ dla bardzo szczegółowej ekstrakcji. Większe palety zawierają subtelniejsze kolory, ale ich użyteczność jest coraz mniejsza.
  3. Ekstrakt: Klastrowanie działa w przeglądarce. Mniejsze palety wyodrębniają się szybciej; większe palety z obrazów o wysokiej rozdzielczości zajmują kilka sekund.
  4. Skorzystaj z palety: Kody szesnastkowe można kopiować bezpośrednio. Paletę można wyeksportować jako niestandardowe właściwości JSON, CSS lub obraz próbki kolorów.

Typowe przypadki użycia

Szczegóły techniczne

K-średnie iteracje grupowania: przypisz każdy piksel do najbliższego środka skupienia, przelicz środki jako średnią przypisanych pikseli, powtarzaj aż do zbieżności. Uruchamianie obrazów w pełnej rozdzielczości jest powolne; próbkowanie (pobieranie każdego N-tego piksela) przyspiesza przy minimalnej utracie jakości.

Przestrzeń kolorów ma znaczenie. Grupowanie w RGB tworzy palety ważone odległością RGB, która nie odpowiada odległości percepcyjnej. Grupowanie w LAB lub HSV tworzy palety bardziej dopasowane percepcyjnie – kolory, które wyglądają podobnie w grupie, są bardziej niezawodne.

Dane wyjściowe: kody szesnastkowe dla każdego środka klastra plus procent pikseli obrazu w każdym klastrze. Odsetek reprezentuje częstość widzenia; największa grupa to najbardziej dominujący kolor.

Najlepsze praktyki

Często zadawane pytania

Ile kolorów zostało wyodrębnionych?
Narzędzie zazwyczaj wyodrębnia 5–8 dominujących kolorów, w zależności od złożoności obrazu. Proste obrazy z kilkoma kolorami dają mniej, bardziej wyraźnych próbek. Złożone zdjęcia dają szerszy zakres.
Jak działa algorytm ekstrakcji?
Narzędzie wykorzystuje kwantyzację kolorów (cięcie mediany lub grupowanie k-średnich), aby grupować podobne piksele i identyfikować najbardziej reprezentatywne kolory. Daje to wizualnie znaczące kolory, a nie najczęstsze wartości pojedynczych pikseli.
Czy mogę używać wyodrębnionych kolorów dla mojej marki?
Tak. Jest to popularna technika tworzenia palet marki na podstawie moodboardów, zdjęć lub obrazów produktów. Wyodrębnionych kodów szesnastkowych można używać bezpośrednio w CSS, narzędziach projektowych lub wytycznych dotyczących marki.
Dlaczego wyodrębnione kolory nie odpowiadają dokładnie temu, co widzę?
Ekstrakcja kolorów grupuje podobne piksele. Gradient, który na oko wygląda jak jeden kolor, może zostać uśredniony w nieco innym odcieniu. Kalibracja monitora wpływa również na wygląd kolorów na ekranie.
Jaki format jest wynikiem?
Domyślnie kody szesnastkowe. Większość narzędzi eksportuje również wartości RGB, HSL i inne wartości przestrzeni kolorów. Niestandardowe właściwości CSS lub dane wyjściowe JSON są przydatne do zastosowań programistycznych.
Czy mój obraz został przesłany na serwer?
Nie. Wyodrębnianie odbywa się w przeglądarce.
Czy paleta będzie odpowiadać tożsamości marki?
Ekstrakcja algorytmiczna ma charakter opisowy, a nie nakazowy. Wynik opisuje obraz; marka może mieć pokrewną, ale inną paletę. Użyj wyodrębnienia jako punktu wyjścia, a następnie dopracuj w celu dostosowania marki.
Czy mogę wyodrębnić plik wideo?
Ekstrakcja pojedynczych klatek tylko za pomocą tego narzędzia. Aby wyodrębnić paletę wideo, pobierz próbki klatek i wyodrębnij je z każdej, a następnie zagreguj.