Próbnik kolorów i ekstraktor palety z obrazu

Czym jest Próbnik kolorów i ekstraktor palety z obrazu?

Próbnik kolorów z obrazu to darmowy internetowy ekstraktor palety, który wyciąga dominujące kolory i kolor średni z dowolnego obrazu bezpośrednio w przeglądarce. Projektanci, deweloperzy front-end oraz każdy, kto buduje markę lub moodboard, może przeciągnąć zdjęcie, logo lub zrzut ekranu i w kilka sekund uzyskać paletę HEX. Odczytuje piksele obrazu za pomocą getImageData kanwy HTML, kwantyzuje je do koszyków kolorów i porządkuje według tego, jak często każdy kolor występuje, dzięki czemu najczęściej używane kolory trafiają na górę. Ustawiasz rozmiar palety (ile dominujących kolorów, od 2 do 12), a każdy kolor jest pokazywany jako próbka z kopiowalną wartością HEX obok ogólnego koloru średniego obrazu.

Jak używać Próbnik kolorów i ekstraktor palety z obrazu

1. Przeciągnij i upuść obraz w obszarze upuszczania lub kliknij go, aby wybrać plik (PNG, JPEG, WebP lub dowolny inny obraz, który przeglądarka potrafi otworzyć) ze swojego urządzenia.
2. Ustaw pole Rozmiar palety na liczbę dominujących kolorów, jaką chcesz, od 2 do 12.
3. Sprawdź wiersz Kolor średni, aby uzyskać pojedynczą zmieszaną średnią całego obrazu, pokazaną z jej wartością HEX.
4. Sprawdź listę Dominujące kolory, uporządkowaną od najczęstszego koloru w dół, każdy z próbką i wartością HEX.
5. Kliknij przycisk kopiowania obok dowolnego koloru, aby skopiować tę wartość HEX do schowka.

Przykłady

Najczęściej zadawane pytania

Jakich formatów obrazu mogę używać?

Dowolnego obrazu, który przeglądarka potrafi otworzyć (obszar upuszczania akceptuje image/*), w tym PNG, JPEG i WebP. Obraz jest rysowany na kanwie HTML, a jego piksele są odczytywane lokalnie w celu wyodrębnienia kolorów.

Jak wybierane są dominujące kolory?

Narzędzie odczytuje piksele obrazu, grupuje podobne kolory w koszyki i porządkuje koszyki według liczby pikseli przypadających na każdy z nich. Najwyższe koszyki stają się Twoimi dominującymi kolorami, pokazywanymi od najczęstszego, każdy jako kolor średni swojego koszyka.

Ile kolorów mogę wyodrębnić?

Ustawiasz Rozmiar palety między 2 a 12 dominujących kolorów. Ogólny kolor średni całego obrazu jest zawsze pokazywany osobno, oprócz tej listy.

Dlaczego kolory mogą nieco różnić się od oryginalnego obrazu?

Dla szybkości duże obrazy są zmniejszane przed odczytem, a podobne kolory są grupowane, więc każda próbka jest średnią grupy, a nie jednego dokładnego piksela. Wynikiem jest wierna, reprezentatywna paleta, a nie próbkowanie koloru piksel po pikselu.

Czy mój obraz jest gdziekolwiek przesyłany?

Nie. Obraz jest przetwarzany w 100% w Twojej przeglądarce za pomocą kanwy HTML. Nigdy nie jest przesyłany do deftdeck ani na żaden serwer, więc narzędzie działa offline i zachowuje prywatność Twojego obrazu.