Próbnik kolorów z obrazu
Kliknij dowolny piksel zdjęcia, aby poznać jego dokładny kolor.
Najedź na zdjęcie, aby powiększyć, potem kliknij, aby wybrać dokładny kolor piksela.
Działa w przeglądarce. Twoje pliki nigdy nie opuszczają urządzenia.
- HEX, RGB i HSL
- Lupa do precyzyjnego wyboru
- Paleta dominujących kolorów
Jak wybrać kolor ze zdjęcia
- Przeciągnij zdjęcie tutaj.
- Najedź na zdjęcie i kliknij dokładny piksel, który Cię interesuje.
- Skopiuj wartość HEX, RGB albo HSL.
HEX, RGB i HSL wyjaśnione
| Format | Przykład | Używany do |
|---|---|---|
| HEX | #3B82F6 | CSS, narzędzia projektowe, większość poradników stylu |
| RGB | rgb(59, 130, 246) | CSS, edytory obrazów |
| HSL | hsl(217, 91%, 60%) | Dostosowywania jasności albo nasycenia koloru |
Jak powstaje paleta dominujących kolorów
Zdjęcie jest zmniejszane do małego roboczego rozmiaru, a potem jego kolory są grupowane w około 8 reprezentatywnych odcieni metodą kwantyzacji kolorów, tą samą techniką, która redukuje zdjęcie do mniejszej palety przy zapisie do GIF albo paletowego PNG. Pokazuje kolory zajmujące największą powierzchnię, niekoniecznie te najbardziej rzucające się w oczy.
Wskazówki dla dokładnego wyboru
- Przybliż lupą przed kliknięciem. Pokazuje ona powiększony widok pikseli wokół kursora, dzięki czemu trafisz dokładnie w ten, który Cię interesuje.
- Kliknij Historię, aby ponownie użyć koloru wybranego wcześniej w tej samej sesji.
- Przy zdjęciu z szumem albo artefaktami JPEG wybierz piksel z płaskiego obszaru potrzebnego koloru, a nie z krawędzi, gdzie kompresja mogła przesunąć pojedyncze piksele.
Próbnik kolorów z obrazu: najczęstsze pytania
Jak precyzyjny jest wybór koloru?
Odczytuje dokładny piksel pod kursorem, powiększony w lupie, dzięki czemu możesz trafić w niego precyzyjnie.
Czym jest paleta dominujących kolorów?
Pokazuje około 8 kolorów, które najczęściej pojawiają się na zdjęciu, przydatnych do dopasowania projektu do obrazu.
Czy mogę wrócić do wcześniej wybranego koloru?
Tak. Każdy kliknięty kolor zapisuje się w Historii, więc możesz kliknąć go ponownie, aby przywrócić jego wartości HEX, RGB i HSL.
Czy moje zdjęcie jest wysyłane?
Nie. Próbnik kolorów odczytuje piksele w Twojej przeglądarce, więc zdjęcie nigdy nie opuszcza Twojego urządzenia.
Jaka jest różnica między HEX a RGB?
Opisują dokładnie ten sam kolor w różnych zapisach. HEX używa 6-cyfrowego kodu, RGB podaje wartości czerwieni, zieleni i błękitu od 0 do 255. Użyj zapisu, którego oczekuje Twoje narzędzie albo CSS.
Dlaczego warto użyć HSL zamiast HEX?
HSL rozdziela odcień, nasycenie i jasność koloru, dzięki czemu łatwiej zrobić jaśniejszą albo bardziej stonowaną wersję koloru, zmieniając jedną liczbę zamiast przeliczać na nowo wszystkie trzy wartości RGB.
Czy wybrany kolor uwzględnia kompresję JPEG?
Nie, odczytuje dokładną wartość piksela z przeciągniętego pliku, łącznie z przesunięciem koloru, które kompresja JPEG mogła już wprowadzić. Dla najwierniejszego koloru wybierz piksel z płaskiego obszaru, a nie z krawędzi.