Czym jest próbnik kolorów obrazu?

Próbnik kolorów obrazu, nazywany także zakraplaczem, odczytuje kolor piksela na obrazie. Projektanci używają go do dopasowania koloru marki z logo, pobrania palety ze zdjęcia lub sprawdzenia dokładnego odcienia na zrzucie ekranu witryny internetowej albo aplikacji. Ponieważ kolor jest odczytywany z danych piksela, wartość jest dokładna, a nie oszacowana na oko.

Opis narzędzia

To narzędzie umożliwia otwarcie obrazu lub wklejenie zrzutu ekranu ze schowka, a następnie kliknięcie w dowolnym miejscu w celu pobrania koloru. Powiększona lupa podąża za wskaźnikiem i pokazuje znajdujące się wokół niego piksele, dzięki czemu można trafić dokładnie w wybrany piksel. Każde kliknięcie dodaje ponumerowany punkt, a kolor każdego punktu jest wyświetlany w wybranym formacie wyjściowym i gotowy do skopiowania.

Funkcje

  • Pobieranie kolorów z obrazów PNG, JPEG, WebP, GIF, BMP i AVIF lub wklejanie obrazu za pomocą Ctrl+V
  • Powiększona lupa pokazująca kolor znajdujący się pod wskaźnikiem
  • Powiększenie do 3200% z wyraźnymi pikselami, przydatne przy małych detalach i ikonach
  • Pobieranie koloru pojedynczego piksela lub średniej z obszaru od 3 × 3 do 101 × 101 pikseli, podobnie jak w przypadku zakraplacza w edytorach obrazów
  • Kopiowanie każdego koloru jako HEX, RGB, HSL, HWB, CMYK, LAB i w innych formatach
  • Ponumerowane znaczniki na obrazie dla każdego pobranego punktu
  • Wyświetlanie krycia półprzezroczystych pikseli
  • Przesuwanie ostatniego punktu piksel po pikselu za pomocą klawiszy strzałek

Jak to działa

Obraz jest dekodowany w przeglądarce i rysowany na canvasie, a kolor jest odczytywany z pikseli canvasu. Kolory są konwertowane do sRGB, czyli przestrzeni kolorów używanej w internecie, dzięki czemu wartości odpowiadają wyglądowi obrazu na stronie i mogą być bezpośrednio używane w CSS. W przypadku próbki uśrednionej kolory pikseli na danym obszarze są uśredniane z uwzględnieniem krycia, aby przezroczyste piksele nie przyciemniały wyniku. Obraz nigdy nie jest przesyłany.

Wskazówki

  • Zdjęcia i obrazy JPEG zawierają szum, dlatego sąsiednie piksele często nieznacznie się różnią. Użyj średniej z obszaru 3 × 3 lub 5 × 5, aby uzyskać widoczny kolor zamiast koloru pojedynczego zaszumionego piksela.
  • W przypadku płaskich grafik, takich jak logo, ikony i zrzuty ekranu, użyj próbkowania pojedynczego piksela, aby uzyskać dokładny kolor.
  • Zmiana rozmiaru próbki aktualizuje kolory wszystkich wcześniej pobranych punktów.
  • W przypadku plików GIF kolory są pobierane z pierwszej klatki.