WMW

Pobierz Kolory z Obrazu

Free

Wyodrębnij dominującą paletę kolorów z obrazu za pomocą kwantyzacji median-cut, z kopiowaniem jako hex lub zmienne CSS.

Działa całkowicie w twojej przeglądarce. Twój obraz nigdy nigdzie nie jest przesyłany.

Kliknij, aby wybrać obraz, lub przeciągnij i upuść jeden tutaj

Ostatnia Aktywność

Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.

6 colors · #BB5446, #E5B1AE, #1B0813, #3E1E21, #422037, #4D3864

3 godziny temu

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Komentarze gości są sprawdzane przed publikacją. Zaloguj się aby publikować natychmiast.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

Wyodrębnia dominującą paletę kolorów z dowolnego obrazu za pomocą kwantyzacji kolorów median-cut, tej samej techniki używanej przez popularne biblioteki do wyodrębniania palet, z regulowaną liczbą kolorów i kopiowaniem jednym kliknięciem jako kody hex lub zmienne CSS.

Jak To Działa

Wszystkie piksele obrazu zaczynają w jednej grupie. Narzędzie znajduje, który kanał koloru (czerwony, zielony, lub niebieski) ma najszerszy zakres wartości w najliczniejszej grupie, sortuje piksele tej grupy według tego kanału, i dzieli ją na pół przy medianie, tak aby obie połowy zawierały mniej więcej tę samą liczbę pikseli. Ten podział powtarza się, zawsze celując w grupę z najwięcej pikseli, aż będzie tyle grup, ile poproszonych kolorów. Każda ostateczna grupa jest następnie redukowana do jednego koloru przez uśrednienie jej pikseli, a wynikowe kolory są sortowane z najczęstszym (największą grupą) jako pierwszym.

Problemy, które rozwiązuje

Często zadawane pytania

›Jak to narzędzie wybiera, które kolory są najważniejsze na moim obrazie?

Używa techniki nazywanej kwantyzacją median-cut: traktuje kolor każdego piksela jako punkt w przestrzeni 3D czerwony/zielony/niebieski, wielokrotnie dzieli najliczniejszą grupę kolorów na pół wzdłuż tego kanału koloru, który zmienia się w niej najbardziej, i gdy ma już tyle grup, ile kolorów zażądałeś, uśrednia każdą grupę do jednego reprezentatywnego koloru. Grupy z większą liczbą pikseli pojawiają się pierwsze w wynikach, więc paleta odzwierciedla, jak dużą część obrazu faktycznie pokrywa każdy kolor.

›Dlaczego to jest mądrzejsze niż po prostu uśrednienie całego obrazu do jednego koloru?

Uśrednianie wszystkiego naraz zmieszałoby zdjęcie z wyraźnymi czerwonymi i niebieskimi obszarami w mętny fiolet, który nigdzie nie występuje w oryginale. Dzieląc przestrzeń kolorów na oddzielne grupy przed uśrednianiem, każda grupa zawiera tylko podobne kolory, więc czerwone i niebieskie obszary pozostają reprezentowane jako własne, oddzielne, rozpoznawalne wpisy palety zamiast wzajemnie się znosić.

›Dlaczego wyodrębniona paleta może przegapić kolor, który wyraźnie widzę na zdjęciu?

Jeśli ten kolor pokrywa tylko mały obszar obrazu, może zostać złączony w większą, bardziej dominującą grupę zamiast otrzymać własny slot, szczególnie przy niższej liczbie kolorów. Zwiększenie żądanej liczby kolorów daje małym lub subtelnym obszarom koloru lepszą szansę na wydzielenie do własnego wpisu palety.

›Czy to analizuje obraz w pełnej rozdzielczości?

Obraz jest najpierw zmniejszany do mniejszej kopii roboczej przed analizą, ponieważ wyodrębnianie palety potrzebuje tylko reprezentatywnej próbki kolorów, nie każdego piksela, i to utrzymuje narzędzie szybkim nawet na dużych zdjęciach. To nie wpływa na sam obraz, tylko na analizę, nic nie jest przesyłane, a oryginalny plik nigdy nie jest modyfikowany.

›Czy mogę użyć palety w moim CSS?

Tak, kliknij "Kopiuj jako Zmienne CSS", aby skopiować paletę jako gotowe do wklejenia niestandardowe właściwości --color-1 przez --color-N, lub "Kopiuj jako Listę HEX" dla zwykłej listy kodów hex.

Powiązane Narzędzia