Próbnik Kolorów ze Zdjęcia
Share
Widziałeś kiedyś zdjęcie, z którego chciałeś wyciągnąć konkretny kolor — tę dokładną zieleń liści, ten odcień nieba o zachodzie słońca, kolor ściany w minimalistycznym wnętrzu — i nie wiedziałeś jak? Próbnik koloru ze zdjęcia to narzędzie, które robi to jednym kliknięciem: wczytujesz fotografię, wskazujesz punkt i natychmiast dostajesz kod HEX, wartości RGB, HSL, CMYK — gotowe do wklejenia w Lightroomie, Photoshopie, Canvie lub arkuszu CSS.
Próbnik Koloru ze Zdjęcia
Wgraj zdjęcie i kliknij dowolny piksel — HEX, RGB, HSL i analiza koloru natychmiast
Próbnik Koloru ze Zdjęcia
Kliknij dowolny piksel — HEX, RGB, HSL, CMYK, harmonie i paleta kolorów
Presety .xmp · Lightroom Classic, CC i Mobile
Do czego służy próbnik koloru ze zdjęcia?
Próbnik koloru to narzędzie, które odczytuje dokładną wartość koloru konkretnego piksela w obrazie i przekłada ją na kody zrozumiałe dla programów graficznych, edytorów stron internetowych i narzędzi do postprodukcji. Zamiast próbować "na oko" dobrać kolor w Lightroomie, dostajesz precyzyjne liczby.
Cztery formaty kolorów — kiedy używać każdego?
Próbnik zwraca kolor w czterech formatach jednocześnie. Każdy z nich ma swoje specyficzne zastosowanie i środowisko, w którym jest standardem.
Panel HSL w Lightroom operuje dokładnie tymi samymi parametrami co format HSL z próbnika. Jeśli próbnik zwraca hsl(120, 60%, 40%) — wiesz, że pracujesz ze składową Zieloną (Hue 120°), że nasycenie wynosi 60%, a jasność 40%. Suwaki w panelu HSL → Green dadzą Ci kontrolę nad tym kolorem.
Jak działa próbnik — technologia pod maską
Próbnik Preseto działa w całości w przeglądarce — zdjęcie nie jest wysyłane na żaden serwer. Cały proces odbywa się lokalnie na Twoim urządzeniu dzięki technologii Canvas HTML5.
- Wczytanie zdjęcia — plik trafia do elementu Canvas przeglądarki, który renderuje go jako bitmapę pikseli dostępną dla JavaScript.
-
Odczyt piksela — po kliknięciu w punkt zdjęcia, funkcja
getImageData(x, y, 1, 1)zwraca cztery wartości RGBA dla wskazanego piksela. - Konwersja formatów — wartości RGB są matematycznie przeliczane na HEX (system szesnastkowy), HSL (przekształcenie przez funkcje trygonometryczne) i CMYK (model subtraktywny).
- Analiza kolorystyczna — luminancja, nasycenie, kategoria koloru i kontrast WCAG obliczane są wg standardowych wzorów z rekomendacji W3C.
- Powiększenie 8× — drugi canvas renderuje powiększony obszar wokół kursora, by pokazać dokładnie, który piksel zostanie wybrany przy kliknięciu.
Próbnik nie wymaga połączenia z internetem po załadowaniu strony. Wszystkie obliczenia — wczytanie zdjęcia, odczyt pikseli, konwersje formatów, budowanie palety — odbywają się wyłącznie w Twojej przeglądarce. Zdjęcie nie opuszcza urządzenia i nie jest przechowywane.
Harmonie kolorów — co próbnik oblicza automatycznie
Po każdym kliknięciu próbnik wyświetla nie tylko wybrany kolor, ale też jego harmonie kolorystyczne — zestaw barw tworzących estetycznie spójne kombinacje z wybranym odcieniem. Harmonie obliczane są przez obrót koła barw (modyfikację wartości Hue) przy zachowaniu oryginalnego nasycenia i jasności.
| Harmonia | Obliczenie | Efekt | Zastosowanie |
|---|---|---|---|
| Komplementarna | Hue + 180° | Kolor przeciwny na kole barw | Maksymalny kontrast, dynamiczne zestawienia |
| Triada | Hue ± 120° | Trzy równoodległe kolory | Żywe, zrównoważone palety trójkolorowe |
| Analogiczne | Hue ± 30° | Sąsiednie kolory na kole barw | Spójne, spokojne palety jednorodne |
| Split-komplementarna | Hue + 150° i +210° | Dwa kolory obok komplementarnego | Kontrast bez napięcia, elegancka kombinacja |
Kontrast WCAG — co to jest i dlaczego ważne?
Próbnik oblicza współczynnik kontrastu WCAG (Web Content Accessibility Guidelines) między wybranym kolorem a białym tłem. WCAG to zestaw standardów dostępności Internetu opracowanych przez W3C, określający minimalny kontrast tekstu na tle dla różnych grup użytkowników.
| Poziom WCAG | Wymagany kontrast | Zastosowanie |
|---|---|---|
| AA (minimum) | 4.5:1 | Tekst normalny na tle — minimum dla stron rządowych i komercyjnych |
| AA (duże teksty) | 3:1 | Tekst powyżej 18pt lub 14pt bold |
| AAA (najwyższy) | 7:1 | Teksty dla osób z wadami wzroku, media publiczne |
Dla fotografów i projektantów WCAG kontrast jest przydatny przy nakładaniu tekstu na zdjęcia — do sprawdzenia, czy biały lub czarny napis będzie czytelny na wybranym tle ze zdjęcia. Wartość poniżej 3:1 oznacza, że tekst będzie trudno czytelny.
Edytuj kolory z presetami Preseto
Kiedy już wiesz, jakie kolory chcesz osiągnąć — presety .xmp do Lightrooma pomogą Ci je uzyskać jednym kliknięciem na całą sesję.
Przeglądaj presety →Format .xmp · Lightroom Classic, CC i Mobile · Instalacja w 2 minuty
Workflow kolorystyczny — próbnik + Lightroom
Największa wartość próbnika koloru dla fotografa to połączenie analizy referencyjnego zdjęcia z precyzyjną edycją w Lightroomie. Zamiast "strzelać" suwakami i patrzeć co wyjdzie, możesz ustalić cel kolorystyczny przed otwarciem programu.
- Znajdź referencyjne zdjęcie z kolorytem, który chcesz odtworzyć. Może to być zdjęcie z Instagrama, kadr filmowy lub dowolna fotografia z interesującym nastrojem.
- Wczytaj je do próbnika i pobierz kluczowe kolory: karnacja (skóra), niebo lub tło, tony cieni. Zanotuj wartości HSL dla każdego obszaru.
- Otwórz swoje zdjęcie w Lightroom i w panelu HSL dopasuj odpowiednie kanały do wartości z próbnika. Zieleń nieba = suwak Blue/Aqua w HSL. Odcień skóry = suwak Orange w HSL.
- Użyj Color Grading do nadania ogólnego nastroju: ciepłe cienie, zimne światła — wartości z próbnika z obszaru cieni i świateł referencji dają punkt odniesienia.
- Zapisz jako preset — gdy edycja daje satysfakcjonujące wyniki, zapisz ją jako preset Lightroom, by zastosować ten styl do całej sesji jednym kliknięciem.
Próbnik koloru zamienia niepowtarzalne "coś" ze zdjęcia referencyjnego w konkretne liczby. A konkretne liczby to precyzyjny cel, do którego możesz dążyć w Lightroomie. Różnica między edycją intuicyjną a edycją z danymi jest taka sama jak różnica między gotowaniem "na oko" a gotowaniem według przepisu.
Podsumowanie — kolor ze zdjęcia w sekundę
Próbnik koloru ze zdjęcia rozwiązuje konkretny problem: jak przełożyć wizualny kolor z fotografii na precyzyjne wartości liczbowe użyteczne w programach do edycji i projektowania. Wgrywasz zdjęcie, klikasz punkt — dostajesz HEX, RGB, HSL, CMYK, analizę luminancji, kategorię koloru, kontrast WCAG i komplet harmonii kolorystycznych. Paleta historii pozwala zbierać kolory z całego zdjęcia i eksportować je jako plik tekstowy.
Wszystko działa lokalnie w przeglądarce — bez rejestracji, bez wysyłania zdjęć, bez ograniczeń liczby kliknięć. Dla fotografa, grafika i web designera to narzędzie, które powinno być zawsze pod ręką.
Dopasuj edycję do analizy kolorów
Presety Preseto.pl w formacie .xmp — spójny styl całej sesji jednym kliknięciem. Lightroom Classic, CC i Mobile.
Przeglądaj presety →
