Wyodrębnij dominujące kolory z obrazu

wyodrębnia dominujące kolory z obrazu i tworzy harmonijną, gotową do użycia paletę (HEX, RGB, HSL). Idealne do tworzenia identyfikacji wizualnej lub czerpania inspiracji ze zdjęcia

Dlaczego używać narzędzia do wyciągania palety kolorów?

Wyciąganie palety kolorów ze zdjęcia jest niezbędne dla projektantów i programistów. To narzędzie upraszcza proces, pozwalając szybko i precyzyjnie wyciągnąć dominujące kolory obrazu, grupując podobne kolory, ułatwiając w ten sposób tworzenie harmonijnych palet kolorów dla twoich projektów.

Funkcje narzędzia do wyciągania palety kolorów

To narzędzie do wyciągania palety kolorów pozwala przesłać zdjęcie i wyciągnąć dominujące kolory obrazu. Używa algorytmu klasteryzacji do grupowania podobnych kolorów, pozwalając ci natychmiast uzyskać harmonijną paletę kolorów dla twoich projektów projektowych i programistycznych.

Jak używać narzędzia do wyciągania palety kolorów

Aby skorzystać z narzędzia do wyciągania palety kolorów, wykonaj te proste kroki:

  1. Prześlij zdjęcie za pomocą przeznaczonego do tego formularza.
  2. Kliknij przycisk „Wyciągnij". Narzędzie przeanalizuje obraz i wyświetli wyciągniętą paletę kolorów, grupując podobne kolory.

Przykład użycia narzędzia do wyciągania palety kolorów

Oto przykład palety kolorów wyciągniętej ze zdjęcia:

#cececc

#262123

#daad90

#229fbd

Najczęściej zadawane pytania

Jakie formaty obrazów są akceptowane?

Ekstraktor akceptuje klasyczne bitmapowe formaty webowe: JPG, JPEG, PNG, GIF i WebP. Obrazy wektorowe (SVG) nie są istotne dla tego przetwarzania, ponieważ już opisują swoje kolory w kodzie. Dla pliku SVG otwórz go w edytorze tekstu i odczytaj bezpośrednio wartości HEX obecne w atrybutach fill i stroke.

Jaki jest maksymalny akceptowany rozmiar obrazu?

Pliki do około 10 MB przechodzą bez trudności. Powyżej tego przetwarzanie jest nadal możliwe, ale wyraźnie zwalnia. Aby przyspieszyć wyciąganie z fotografii bardzo wysokiej rozdzielczości, zmniejsz jej rozmiar do około 1500 px szerokości: dominująca paleta pozostaje identyczna, analiza jest znacznie szybsza.

Jaka jest różnica między ekstraktorem palety a color pickerem?

Color picker zwraca kolor konkretnego piksela wskazanego myszą. Ekstraktor palety analizuje cały obraz, grupuje wizualnie zbliżone piksele przez klasteryzację, a następnie zwraca n dominujących kolorów. Picker jest przydatny do wskazania szczegółu, ekstraktor do zrozumienia ogólnej kolorystycznej atmosfery zdjęcia.

Jak algorytm grupuje kolory?

Narzędzie używa klasteryzacji typu k-means w przestrzeni RGB: każdy piksel jest przybliżany do najbliższego środka klasy, następnie środki są przeliczane przy każdej iteracji aż do stabilizacji. Wynikiem jest lista reprezentatywnych kolorów wyrażonych w HEX, które podsumowują obraz bez szumu.

Czy mój obraz jest przechowywany na serwerze?

Obraz jest wysyłany na serwer przez czas analizy piksel po pikselu, a następnie niezwłocznie niszczony po wyciągnięciu palety. Żaden plik nie jest przechowywany na dysku. Metadane EXIF (geolokalizacja, model aparatu) nie są wykorzystywane i znikają wraz z oryginalnym plikiem.

Do czego konkretnie służy wyciągnięta paleta?

Zastosowań jest wiele: dopasowanie identyfikacji wizualnej do zdjęcia produktu, przebarwienie sklepu internetowego, aby pasował do atmosfery wizualnego hero, zasilenie ciemnego motywu na podstawie dzieła sztuki lub generowanie tokenów projektowych w pliku CSS, SASS lub Tailwind. Uzyskaną paletę można następnie dopracować w generatorze palet lub przekonwertować za pomocą konwertera kolorów.

Przykładowe zapytanie

curl -X POST https://cdrn.fr/api/v1/tools/color-extractor/execute \
  -F "image=@/path/to/file" \
  -F "number=1"

Schemat wejściowy

Pole Typ Wymagane Domyślnie
image file
number integer

to narzędzie wymaga pliku - użyj Content-Type multipart/form-data zamiast application/json

Punkty końcowe

  • GET https://cdrn.fr/api/v1/tools - lista wszystkich dostępnych narzędzi
  • GET https://cdrn.fr/api/v1/tools/color-extractor - zwraca schemat dla tego narzędzia
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - uruchamia to narzędzie z payloadem JSON