Drop an image here
Ready.
Palette settings
Choose how many colors to extract.
- Colors are approximate dominant colors from sampled pixels.
- Click a swatch to copy its HEX value.
- Download or copy CSS variables for design handoff.
Extracted palette
Extracted colors will appear here.
Czym jest ten ekstraktor palety kolorów?
To narzędzie analizuje lokalny obraz i wyciąga przybliżone kolory dominujące. Możesz kopiować wartości HEX, RGB i HSL albo wyeksportować paletę jako zmienne CSS.
Obrazy pozostają w przeglądarce. Narzędzie nie wysyła plików i nie przechowuje ich na serwerze.
Funkcje
- Lokalne wyciąganie kolorów dominujących z obrazu
- Kopiowanie wartości HEX, RGB i HSL
- Generowanie niestandardowych właściwości CSS
- Pobieranie CSS palety
- Szybkie próbkowanie bez bibliotek zewnętrznych
Jak używać
-
Dodaj obraz
Wybierz lub przeciągnij obraz JPG, PNG albo WebP do narzędzia.
-
Wybierz liczbę
Wybierz, ile kolorów ma znaleźć się w palecie.
-
Wyciągnij kolory
Przeglądarka próbuje piksele i grupuje podobne kolory.
-
Skopiuj wartości
Kliknij próbki kolorów albo skopiuj wygenerowane zmienne CSS.
FAQ
Czy obrazy są wysyłane?
Nie. Próbkowanie pikseli odbywa się w karcie przeglądarki.
Czy kolory są dokładne?
To przybliżone kolory dominujące oparte na próbkowanych pikselach.
Czy mogę użyć CSS w projekcie?
Tak. Skopiuj lub pobierz wygenerowane zmienne CSS.
Dlaczego przezroczyste piksele są ignorowane?
Przezroczyste piksele nie wnoszą widocznego koloru, więc są pomijane.