Kompresor obrazów Zmiana rozmiaru obrazu Konwerter obrazów Image Cropper Image to Base64 Converter SVG to PNG Converter Narzędzie znaku wodnego obrazu Przeglądarka i usuwanie EXIF Generator Favicon Lokalny kompresor i konwerter obrazów Usuwanie koloru tła Generator pixel art Generator ASCII art Generator plakatów z nagłówkiem

Color Palette Extractor

Extract dominant colors from an image locally and copy HEX, RGB, HSL or CSS variables.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • 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.

Extracted colors will appear here.

Ready.

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.

Prywatność

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ć

  1. Dodaj obraz

    Wybierz lub przeciągnij obraz JPG, PNG albo WebP do narzędzia.

  2. Wybierz liczbę

    Wybierz, ile kolorów ma znaleźć się w palecie.

  3. Wyciągnij kolory

    Przeglądarka próbuje piksele i grupuje podobne kolory.

  4. 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.

Powiązane narzędzia