Obraz 100% w Twojej przeglądarce

Ekstraktor Kolorów z Obrazu — Paleta z Dowolnego Obrazu

Wyodrębnij dominującą paletę kolorów z dowolnego obrazu. Uzyskaj kody Hex i RGB, kopiuj pojedyncze kolory lub całą paletę jako zmienne CSS. 100% w przeglądarce.

🎨
Upuść obraz tutaj lub kliknij, aby przeglądać
PNG, JPG, WebP, GIF — do 25 MB
Obraz źródłowy
6

Ekstraktor Kolorów z Obrazu — Paleta z Dowolnego Obrazu

Prześlij dowolny obraz i natychmiast wyodrębnij jego dominującą paletę kolorów. Uzyskaj kod Hex i RGB każdego koloru, kopiuj je pojedynczo lub eksportuj całą paletę jako gotowe do użycia zmienne CSS. Idealne dla projektantów budujących schemat kolorów ze zdjęcia, logo lub obrazu inspiracji.

Funkcje

  • Wykrywanie dominujących kolorów: używa kwantyzacji median-cut do znalezienia najbardziej reprezentatywnych kolorów
  • Regulowana liczba: wyodrębnij od 4 do 12 kolorów
  • Hex i RGB: każdy kolor zawiera oba kody, kliknij, aby skopiować
  • Opcje eksportu: kopiuj jako zmienne CSS (--color-1, --color-2…) lub prostą listę Hex
  • Posortowane według dominacji: najbardziej widoczne kolory pojawiają się jako pierwsze

Częste zastosowania

  • Budowanie schematu kolorów strony z logo marki lub fotografii
  • Dopasowywanie elementów projektu do istniejącego obrazu
  • Tworzenie gradientów lub motywów inspirowanych obrazem
  • Wyodrębnianie kolorów marki bez oryginalnych specyfikacji
  • Generowanie palety dla wizualizacji danych lub prezentacji

Jak to działa

Narzędzie zmniejsza Twój obraz, próbkuje piksele i grupuje podobne kolory za pomocą algorytmu median-cut. Średni kolor każdej grupy staje się jedną próbką Twojej palety. Kolory są klasyfikowane według liczby reprezentowanych pikseli, więc dominujące tony pojawiają się jako pierwsze.

Prywatność

Cała ekstrakcja kolorów odbywa się w Twojej przeglądarce za pomocą Canvas API. Twój obraz nigdy nie jest przesyłany na żaden serwer.

 

Potrzebujesz więcej? Wypróbuj Pro Ekstraktor Palety — HEX/HSL/OKLCH/CMYK + eksporty Tailwind/SCSS/JSON.