Ekstraktor kolorów z obrazów
Wyodrębnij dominujące kolory z dowolnego zdjęcia lub grafiki. Algorytm k-means lub median cut. Pobierz paletę HEX, CSS i JSON. Bezpłatnie.
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
Oceń to narzędzie:
Powiązane narzędzia
Inne narzędzia, które mogą Ci się przydaćEkstraktor kolorów z obrazu – paleta z dowolnego zdjęcia
Chcesz wiedzieć jakie kolory dominują na zdjęciu? Ekstraktor analizuje obraz i wydobywa N najbardziej reprezentatywnych kolorów. Przydatne przy tworzeniu palet designowych z fotografii, brandingu i generowaniu harmonijnych zestawień kolorów.
Algorytmy ekstrakcji kolorów
k-means clustering: dzieli piksele na K klastrów podobnych kolorów – centra klastrów to dominujące kolory. Szybki, ale wyniki zależą od inicjalizacji. Median Cut: rekurencyjnie dzieli przestrzeń kolorów na pudełka – deterministyczny. Octree quantization: drzewo ósemkowe pikseli – szybki dla dużych obrazów. Wynik: 3-16 kolorów w zależności od ustawień.
Parametry ekstrakcji
Liczba kolorów (K): 3 (dominant palette), 6 (pełna paleta), 12 (szczegółowa). Pomijanie skrajnych jasności: opcjonalne wykluczenie bardzo jasnych (biały) i bardzo ciemnych (czarny) pikseli. Próbkowanie: 100% pikseli (dokładne, wolne) lub 10% losowych (szybkie). Przestrzeń kolorów: RGB (domyślna) lub LAB (bardziej perceptualna).
Formaty eksportu palety
HEX lista: #FF5733, #3498DB, #2ECC71. CSS variables: --color-1: #FF5733; --color-2: #3498DB;. JSON: [{"hex":"#FF5733","rgb":[255,87,51],"percentage":32.5}]. SVG palette (wizualizacja). Figma: kopiuj HEX i wklej do Color Styles. Tailwind: obiekt config.
Zastosowania ekstrakcji kolorów
Brand colors z logo: prześlij logo i wyodrębnij oficjalne kolory marki. Paleta z fotografii: spójny schemat kolorów dla projektu. Analiza konkurencji: jakie kolory używa firma X. Automatyczne tło: dopasuj tło strony do głównego koloru zdjęcia produktu. Art direction: paleta dla całego projektu z hero image.
Najczęstsze pytania
Jak dokładny jest algorytm k-means dla kolorów?
K-means daje dobre wyniki dla K=6-12 i wystarczającej liczby pikseli. Problem: inicjalizacja losowa może dawać różne wyniki przy każdym uruchomieniu. Rozwiązanie: k-means++ (deterministyczna inicjalizacja) lub wielokrotne uruchomienie i wybranie najlepszego. Dla logo (mało kolorów, ostre krawędzie): median cut jest lepszy.
Jak wyodrębnić kolory ze zdjęcia w Pythonie?
from PIL import Image; from sklearn.cluster import KMeans; img = Image.open("photo.jpg").convert("RGB"); pixels = list(img.getdata()); kmeans = KMeans(n_clusters=6).fit(pixels); colors = kmeans.cluster_centers_. Pakiet colorthief (pure Python, podobne podejście) jest prostszy w użyciu.
Czy narzędzie wysyła zdjęcia na serwer?
Nie – przetwarzanie odbywa się lokalnie przez Canvas API (JavaScript). Zdjęcie jest wczytywane do pamięci przeglądarki, piksele odczytywane przez ctx.getImageData(). Brak uploadu na serwer. Prywatność: twoje zdjęcia nie opuszczają urządzenia.
Jak używać palety z zdjęcia w Figma?
Skopiuj HEX kolory z narzędzia. W Figma: Resources → Colors → + (dodaj). Lub: stwórz prostokąty z każdym kolorem, zaznacz → Styles → Create Style. Figma Palette plugin (community) może importować bezpośrednio z URL.
Jak dobrać gradienty na podstawie wyodrębnionych kolorów?
Weź 2 sąsiednie kolory z palety (kolor 1 i kolor 2). Użyj narzędzia blender kolorów HEX do generowania przejść. Przestrzeń OKLCH: gradient z oklch() w CSS daje naturalne przejście. Przykład: linear-gradient(to right, oklch(from #FF5733 l c h), oklch(from #3498DB l c h)).
Powiązane narzedzia: blender kolorów HEX, tester schematów kolorów i narzedzie do nazywania kolorów.