Narzędzia95

STWÓRZ COŚ WSPANIAŁEGO

Próbnik kolorów z obrazu.

Pobieraj kolory HEX, RGB oraz HSL z obrazu. Wyodrębnij i edytuj paletę, sprawdź kontrast tekstu, a następnie skopiuj kolory lub wyeksportuj PNG, SVG, CSS lub JSON.

Reklamy
Twój obszar roboczy obrazu
Tymczasowe przetwarzanie serwerowe
lub przeciągnij i upuść tutaj
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Wybierz obraz, aby rozpocząć.OBRAZ
Reklamy
Blog Jak wybierać kolory obrazu i tworzyć paletę Przeczytaj poradnik

Wybierz kolory obrazu i stwórz paletę, której możesz użyć

Sprawdź piksel, skopiuj jego wartość HEX, RGB lub HSL i wyodrębnij początkową paletę ze zdjęcia. Zachowaj kolory, które lubisz, edytuj resztę, sprawdź parę tekst-tło i wyeksportuj PNG, SVG, CSS lub JSON.

Obraz dostarcza indywidualne próbki kolorów oraz paletę, którą można dopracować i wyeksportować.
SZYBKI WIDEO PORADNIK How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Angielski lektor Obejrzyj wideo

How to pick an image color and export a palette

Funkcje i sterowanie

Wybierz piksel w powiększeniu

Kliknij lub dotknij obraz, aby sprawdzić kolor, a następnie skopiuj jego kod.

Precyzyjne pozycjonowanie i ograniczenia podglądu

Lupa pomaga celować w małe detale. Wyostrz obraz i użyj klawiszy strzałek, aby przesunąć się o jeden piksel, Shift plus strzałka, aby przesunąć się o dziesięć, i Enter, aby wybrać. HEX, RGB i HSL mają indywidualne przyciski kopiowania. Źródła dekodowalne przez przeglądarkę są próbkowane w przeglądarce sRGB. Gdy zamiast tego używany jest znormalizowany podgląd, jego etykieta identyfikuje kolory i współrzędne jako przybliżone.

Wyodrębnij przydatną paletę początkową

Wybierz od 3 do 12 kolorów do wyodrębnienia i wypróbuj Dominujące lub Żywe.

Jak szacowane są kolory i wartości procentowe

Dominujące faworyzuje główne kolory obrazu. Żywe nadaje większe znaczenie kolorowym akcentom. Ekstrakcja próbkuje ograniczony obraz, grupuje podobne kolory i zwraca do żądanej liczby; płaski obraz może zawierać ich mniej. Całkowicie przezroczyste piksele są wykluczone, a częściowa przezroczystość zmniejsza wagę piksela. Wartości procentowe opisują przybliżone próbkowane grupy, a nie dokładną liczbę każdego oryginalnego piksela. Automatyczna ekstrakcja przesyła obraz na serwer.

Zachowaj, zastąp i zmień kolejność swoich kolorów

Zablokuj przydatne próbki, edytuj ich wartości HEX lub dodaj wybrany bądź niestandardowy kolor.

Dopracowywanie palety przed eksportem

Wybierz próbkę, aby edytować jej kolor, przesuń ją w lewo lub w prawo albo usuń. Blokada zachowuje wybrany kolor podczas używania Odśwież paletę lub zmiany ustawień ekstrakcji. Dodaj do palety używa próbkowanego koloru RGB; Dodaj niestandardowy kolor pozwala wprowadzić wartość HEX. Paleta może zawierać od 1 do 12 kolorów do eksportu. Wybrane, edytowane i zachowane zablokowane kolory nie otrzymują wygenerowanych wartości procentowych obrazu.

Zrozumienie przezroczystych pikseli

Wybierz Kolor źródłowy lub Kompozycja na tle w sekcji Próbkowanie.

Krycie źródła i eksportowane kolory

Kolor źródłowy raportuje wybrany piksel i jego krycie w skopiowanym kodzie. Kompozycja na tle pokazuje jego wygląd po zmieszaniu z Próbką tła. Kolory palety i eksporty to nieprzezroczyste wartości RGB, więc dodanie półprzezroczystego koloru źródłowego nie zachowuje jego kanału alfa. Tryb próbkowania zmienia sprawdzany kolor; nie zmienia kolorystyki obrazu źródłowego ani automatycznej ekstrakcji.

Sprawdź parę tekst i tło

Użyj Sprawdź kontrast kolorów, aby porównać dwa kolory.

Co obejmuje wynik kontrastu

Wybierz Tekst i Tło za pomocą kontrolek kolorów, wprowadź wartości HEX lub użyj wybranego koloru. Podgląd pokazuje współczynnik kontrastu oraz oddzielne wyniki Normalny AA, Normalny AAA, Duży AA i Duży AAA dla tekstu. Sprawdza to tylko wybraną parę kolorów. Nie audytuje całej strony, nie uwzględnia każdego obrazu tła ani nie certyfikuje, że kompletny projekt jest dostępny.

Eksportuj kolory do następnego kroku

Zapisz obraz palety, próbki wektorowe, zmienne CSS lub ustrukturyzowane dane kolorów.

PNG, SVG, CSS i JSON

PNG tworzy kartę palety z etykietami. SVG zachowuje próbki i etykiety jako zawartość wektorową. CSS eksportuje ponumerowane zmienne, takie jak --color-1. JSON zawiera wartości HEX, RGB i HSL. Wybierz Zapisz jako, a następnie Start, aby utworzyć jeden plik o nazwie palette z wybranym rozszerzeniem. Kopiowanie koloru lub całej palety HEX może być szybsze, gdy potrzebujesz tylko wartości.

Pliki i przetwarzanie

Wejście
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC i HEIF
Wyjście
Jedna paleta PNG, SVG, CSS lub JSON

25 MB maksymalnie na plik. Jeden plik wejściowy na uruchomienie.

Jeden obraz źródłowy o wielkości do 60 megapikseli. Próbkowanie ekstrakcji do 512 pikseli na krawędź, ignoruje w pełni przezroczyste piksele i może zwrócić mniej kolorów niż żądano. Eksport obsługuje od 1 do 12 nieprzezroczystych kolorów palety. Animowane lub wieloobrazowe źródła wykorzystują swoją pierwszą nieruchomą klatkę.

Obraz jest przesyłany automatycznie w celu wyodrębnienia palety i przesyłany ponownie do końcowego eksportu. Wybieranie pikseli i ręczna edycja palety odbywają się w przeglądarce. Format, którego przeglądarka nie może zdekodować, może również wymagać podglądu serwerowego. To narzędzie wykorzystuje konwencjonalne przetwarzanie kolorów, a nie AI.

Pliki są przetwarzane na serwerze. Przygotowanie podglądu może również wymagać przesłania pliku, gdy dekodowanie w przeglądarce jest niedostępne lub potrzebny jest podgląd dokumentu. Pobrane pliki z serwera są dostępne w Twojej sesji przez maksymalnie dwie godziny.

Aby uzyskać wynik w postaci obrazu, użyj opcji Kontynuuj pod wynikami pobierania, aby wybrać kolejny kompatybilny krok. Możesz wybrać, które obrazy mają zostać przeniesione; kolejne narzędzie uruchomi się z własnymi ustawieniami.

Odświeżenie edytora lub strony pobierania przeniesie Cię z powrotem do strony narzędzia. Pobierz wynik przed rozpoczęciem nowego procesu. Zobacz nasze Polityka prywatności dotyczące obsługi plików.

FAQ

Warto wiedzieć.

Kilka odpowiedzi przed rozpoczęciem.

Tymczasowe przetwarzanie serwerowe
Czy mogę uzyskać HEX, RGB i HSL z obrazu?

Tak. Wybierz piksel i użyj przycisku kopiowania obok potrzebnej wartości. Próbnik pokazuje krycie, gdy jest to istotne; nieprzezroczyste eksporty palety zawierają kolory RGB.

Jaka jest różnica między Dominującym a Żywym?

Dominujący podkreśla wspólne kolory obrazu. Żywy nadaje większe znaczenie kolorowym akcentom. Oba są próbkowanymi przybliżeniami i żaden nie gwarantuje automatycznego znalezienia konkretnego koloru marki.

Dlaczego żądanie sześciu kolorów zwraca ich mniej?

Źródło może mieć mniej wyraźnych widocznych kolorów. Ekstraktor zwraca dostępne grupy zamiast wymyślać duplikaty próbek, aby wypełnić żądaną liczbę.

Czy mogę zachować kolor podczas odświeżania palety?

Tak. Wybierz jego próbkę i użyj Zablokuj kolor. Możesz również dodać niestandardową wartość HEX, zmienić kolejność próbek lub usunąć kolory przed eksportem.

Czy wszystko pozostaje w mojej przeglądarce?

Nie. Wybieranie pikseli i edycja palety odbywają się w przeglądarce, ale automatyczna ekstrakcja i końcowy eksport przesyłają źródło na serwer. Niektóre formaty wejściowe wymagają również podglądu wygenerowanego przez serwer.

Reklamy

Język38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Wybierz język. Samouczki wideo mają obecnie narrację w języku angielskim.