Wyciągnij dominujące kolory z obrazu: logo, zdjęcia, obrazu malarskiego albo zrzutu ekranu. Paleta powstaje przez grupowanie pikseli obrazu według tego, jak podobnie wyglądają; każdy kolor jest podany wraz z udziałem w obrazie, a całość można wyeksportować jako właściwości niestandardowe CSS, JSON lub zwykły tekst. Nic nie opuszcza Twojego urządzenia.
Jak to działa
- Upuść, wklej lub wybierz obraz.
- Wybierz od 5 do 8 kolorów; kliknij próbkę, aby zobaczyć jej HEX, RGB, HSL i OKLCH.
- Pobierz paletę jako .css, .json lub .txt.
Najczęstsze pytania
- Czy mój plik jest gdzieś wysyłany?
- Nie. Wszystko dzieje się wewnątrz Twojej przeglądarki, na Twoim własnym urządzeniu. Możesz to sprawdzić samodzielnie: otwórz narzędzia deweloperskie przeglądarki (DevTools), obserwuj zakładkę Sieć podczas działania narzędzia, a nie zobaczysz żadnej wysyłki. Plakietka obok tytułu strony na bieżąco liczy bajty wysłane przez tę stronę.
- Jak wybierane są kolory?
- Pomniejszona kopia obrazu jest dzielona na grupy kolorów (median cut), a następnie grupy są dopracowywane według tego, jak podobne kolory wydają się oku (k-means w przestrzeni OKLab). Niemal identyczne odcienie są scalane, więc dostajesz wyraźnie różne kolory, uporządkowane według tego, jaką część obrazu zajmuje każdy z nich. Ten sam obraz zawsze daje tę samą paletę.
- Dlaczego paleta ma mniej kolorów, niż wybrano?
- Jeśli obraz ma tylko kilka wyraźnie różnych kolorów, na przykład płaskie logo, paleta pokazuje właśnie je, zamiast uzupełniać listę niemal identycznymi odcieniami. Obszary przezroczyste są pomijane.