Jakie formaty obrazów są obsługiwane?

Możesz używać JPG, PNG, WebP, GIF i każdego innego formatu obsługiwanego przez Twoją przeglądarkę.

Ile kolorów mogę wyodrębnić?

Za pomocą suwaka możesz wyodrębnić od 4 do 16 kolorów.

Czy podobne kolory będą się powtarzać?

Nie, algorytm deduplikacji odfiltrowuje niemal identyczne kolory, dzięki czemu każda próbka jest wizualnie odrębna.

Czy mogę użyć wyodrębnionych kolorów bezpośrednio w CSS?

Tak — kliknij „Eksportuj jako zmienne CSS”, aby pobrać plik .css z --color-1, --color-2 itd., gotowy do użycia.

Czy mój obraz jest przesyłany na serwer?

Nie. Całe przetwarzanie odbywa się w całości w Twojej przeglądarce. Twój obraz nigdy nie opuszcza urządzenia.

ImageStream

FLEXEAM · MEMETALKWięcej niż słowa. Bardziej po Twojemu.Nie tłumacz. Po prostu dołącz.Odkrywaj bez rejestracji →AD

Ekstrakcja palety kolorów

Wyodrębnij dominujące kolory i wygeneruj palety HEX·RGB

Prześlij zdjęcie lub obraz, a my automatycznie przeanalizujemy najbardziej dominujące kolory, aby utworzyć paletę. Użyj jej do wyodrębniania kolorów marki, prac projektowych lub generowania zmiennych CSS na potrzeby tworzenia stron internetowych.

Jak wyodrębnić paletę kolorów

1Prześlij obraz lub przeciągnij i upuść go na stronie
2Ustaw liczbę kolorów (4–16) za pomocą suwaka
3Kliknij dowolną wartość HEX lub RGB, aby skopiować, lub wyeksportuj jako zmienne CSS

Wskazówki i przykłady użycia palety kolorów

Projektowanie marki — stwórz spójny przewodnik kolorystyczny

Wyodrębnij paletę z logo lub głównego zdjęcia produktu, aby szybko ustalić przewodnik kolorystyczny marki. Wklej wartości HEX bezpośrednio do Figmy lub narzędzi Adobe, aby zachować spójność wizualną we wszystkich materiałach.

Tworzenie stron — automatycznie generuj zmienne CSS

Wyodrębnij paletę z obrazu makiety projektu i pobierz plik zmiennych CSS. Dodaj go do bloku :root, aby zarządzać motywem centralnie i szybciej tworzyć.

Media społecznościowe — ujednolić estetykę swojego feedu

Wyodrębnij paletę z najpopularniejszych postów na Instagramie i używaj tych kolorów przy tworzeniu nowych treści. Dzięki temu Twój feed pozostaje wizualnie spójny i zgodny z marką.