Próbnik kolorów z obrazu
Zbudowałem tę stronę, żeby odczytać dokładny kolor piksela na obrazie. Wybierz obraz, kliknij go albo przesuwaj kursor strzałkami i skopiuj wartość hex lub RGB.
Obraz zostaje na Twoim urządzeniu. Działają PNG, JPG, WebP i AVIF.
Kliknij obraz albo ustaw na nim fokus i używaj strzałek. Shift przesuwa o dziesięć pikseli.
- Pozycja
- Hex
- RGB
Jak to działa i co zostaje na Twoim urządzeniu
Zbudowałem to na dekoderze obrazów, który Twoja przeglądarka już ma. Obraz jest rysowany na płótnie na tej stronie, a ja odczytuję piksel pod kursorem, więc plik nigdy nie jest wysyłany, a strona nie wysyła żadnego żądania, które by go niosło.
Kliknij lub dotknij obrazu albo ustaw na nim fokus i naciskaj strzałki, żeby przesuwać się o jeden piksel. Z klawiszem Shift przesuwasz o dziesięć pikseli. Pozycja, wartość hex i wartość RGB są odczytywane przy każdym ruchu kursora.
Wartość to kolor, który przeglądarka pokazuje dla tego piksela, w przestrzeni sRGB. Piksel, który nie jest w pełni kryjący, podaje w wartości RGB także swoją przezroczystość.
Najczęstsze pytania
Czy mój obraz jest wysyłany?
Nie. Obraz jest otwierany w Twojej przeglądarce i nigdy nie opuszcza urządzenia. Nie dostaję go, a strona nie wysyła żadnego żądania, które by go niosło.
Jak wybrać kolor bez myszy?
Naciskaj Tab, aż obraz dostanie fokus, a potem przesuwaj kursor strzałkami o jeden piksel. Shift ze strzałką przesuwa o dziesięć pikseli. Nowy kolor jest ogłaszany za każdym razem, a przyciski kopiowania są następne na klawiszu Tab.
Jakie formaty obrazów działają?
PNG, JPG, WebP i AVIF.
Dlaczego kolor trochę różni się od mojego projektu?
Odczytuję piksel tak, jak rysuje go przeglądarka, w sRGB. Obraz z innym profilem kolorów przeglądarka najpierw konwertuje, a JPG jest stratny, więc piksel może się nieco różnić od wartości w oryginalnym projekcie.