Ekstraktor kolorów obrazu
Wyodrębnij dominujące kolory i palety z dowolnego obrazu.
Zamiana dowolnego obrazu w użyteczną paletę
Overview
Ekstraktor kolorów analizuje obraz i zwraca jego dominujące kolory jako gotowe kody — HEX, RGB i HSL — do pracy projektowej i brandingowej. Pobieranie kolorów pojedynczo zakraplaczem jest wolne i pomija barwy, które naprawdę nadają obrazowi nastrój. To narzędzie próbkuje cały obraz i grupuje go w reprezentatywną paletę w przeglądarce, bez przesyłania, więc nawet niepublikowane zdjęcia produktów zostają na urządzeniu.
How to Use (Step by Step)
- 1
Upuść obraz
Zdjęcia, logo, zrzuty ekranu czy ilustracje — wszystko działa. Wyższa rozdzielczość daje bardziej reprezentatywną paletę.
- 2
Przejrzyj paletę
Kolory dominujące i akcentowe pojawiają się z wartościami HEX, RGB i HSL.
- 3
Skopiuj potrzebne kody
Kliknij próbkę, aby skopiować jej kod, a następnie wklej do CSS, narzędzia projektowego lub księgi marki.
How It Works
Obraz jest rysowany na canvas i odczytywany jako surowe dane pikseli RGB. Algorytm klasteryzacji grupuje miliony pikseli w mały zestaw reprezentatywnych kolorów, ważony częstością występowania, co daje paletę dominującą i kolory akcentowe. Każda próbka jest pokazana z wartościami HEX, RGB i HSL do skopiowania. Całe przetwarzanie odbywa się lokalnie.
When to Use This
Budowa strony lub motywu prezentacji harmonizującego z wybranym zdjęciem. Wyodrębnienie dokładnych kolorów marki z logo. Tworzenie spójnej palety dla ilustracji lub makiety UI. Tworzenie moodboardów z inspirujących zdjęć. Dobór dostępnych zestawień tekstu i tła ze zdjęcia produktu. Dopasowanie gradientu CSS lub kolorów wykresów do tonów obrazu.
Frequently Asked Questions
To trzy sposoby zapisu tego samego koloru. HEX (#3b82f6) jest zwięzły i popularny w CSS. RGB wymienia kanały czerwony/zielony/niebieski. HSL (odcień, nasycenie, jasność) jest najwygodniejszy do ręcznego tworzenia odcieni.