Kolory prosto z Twojego zdjęcia. Wyodrębnij kluczowe kolory i skopiuj je od razu jako kody HEX.

Kliknij, aby wybrać plik

Wybierz plik

JPG, PNG, WebP, HEIC i inne

Wyciąga kluczowe kolory z pojedynczego zdjęcia i porządkuje je w paletę. Idealne do budowania moodboardu, doboru kolorystyki projektu lub strony albo gdy chcesz przejąć dokładne tony z ulubionego zdjęcia. Zobaczysz pasek proporcji oraz %, HEX i RGB każdego koloru na pierwszy rzut oka, a kliknięcie koloru natychmiast kopiuje jego kod HEX.

Jak używać

  1. 1Przeciągnij obraz JPG, PNG lub WebP albo kliknij, aby go wgrać.
  2. 2Ustaw liczbę kolorów od 3 do 10. Zmiana liczby od razu wyodrębnia paletę na nowo.
  3. 3Sprawdź %, HEX i RGB każdego koloru na pasku proporcji i na kartach kolorów.
  4. 4Kliknij dowolny kolor, aby skopiować jego HEX. Naciśnij Kopiuj CSS, aby pobrać wszystkie jako zmienne :root naraz!

Warto wiedzieć

  • Mniej kolorów zachowuje duże, dominujące tony; więcej kolorów wychwytuje subtelne odcienie pośrednie. Dostosuj do swoich potrzeb.
  • Kopiuj CSS zbiera wszystkie kolory w zmienne :root, gotowe do wklejenia prosto do arkusza stylów.
  • % na pasku proporcji pokazuje, ile powierzchni zajmuje każdy kolor na zdjęciu, przydatne do odróżnienia koloru głównego od akcentów.

Najczęściej zadawane pytania

Nie, wyodrębnianie kolorów odbywa się w całości w przeglądarce, a zdjęcie nigdy nie jest wysyłane na serwer. Odczytuje tylko kolory, więc oryginał nigdy nie opuszcza Twojego urządzenia.

Każdy kolor ma HEX (np. #7C3AED) i RGB (np. RGB(124, 58, 237)). Kliknij kolor, aby skopiować jego HEX, albo użyj Kopiuj CSS, aby pobrać wszystkie jako zmienne :root naraz.

Od 3 do 10. Zmień liczbę suwakiem, a paleta wyodrębni się od razu.

To udział powierzchni zdjęcia, jaki zajmuje każdy kolor. Większe kolory dostają szerszy pas, więc od razu widać, który kolor nadaje ton nastrojowi zdjęcia.