Próbnik kolorów z obrazu — HEX, RGB, HSL, CMYK
Pobieraj kolory z dowolnego obrazu za pomocą lupy pikseli. Kody HEX, RGB, HSL i CMYK od razu. Za darmo, prywatnie, w przeglądarce.
🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłaneZnajdź dokładny kolor dowolnego piksela
Projektanci, programiści i hobbyści często potrzebują dokładnego kodu koloru czegoś, co widzą na obrazie: koloru marki w logo, tła zrzutu ekranu, odcienia ze zdjęcia produktu czy tonu obrazu. Ten próbnik kolorów z obrazu pozwala otworzyć dowolny obraz i kliknąć piksel, aby odczytać jego kolor. Okrągła lupa powiększa obszar pod kursorem, dzięki czemu trafisz w dokładny piksel, nawet na cienkich liniach, małym tekście czy wygładzonych krawędziach. Każdy wybrany kolor jest kopiowany do schowka jako kod HEX i dodawany do historii na później. Obraz nigdy nie opuszcza Twojego urządzenia, ponieważ cały odczyt odbywa się na lokalnym canvasie.
HEX, RGB, HSL i CMYK — wyjaśnienie
Próbnik pokazuje każdy kolor w czterech zapisach. HEX, np. #1E90FF, to zwarta forma używana w CSS, HTML i większości narzędzi graficznych. RGB podaje kanały czerwony, zielony i niebieski od 0 do 255 i jest wygodny w kodzie i edytorach obrazów. HSL opisuje barwę, nasycenie i jasność, co ułatwia tworzenie jaśniejszych lub ciemniejszych wariantów tego samego koloru. CMYK podaje przybliżoną mieszankę cyjanu, magenty, żółci i czerni do druku; aby dokładnie dopasować kolor w druku, sprawdź wartość z profilem kolorów drukarki. Kliknij dowolną wartość, aby skopiować ją w danym formacie.
Wskazówki dla dokładnych próbek
Zdjęcia i obrazy JPEG zawierają szum, więc sąsiednie piksele mogą różnić się o kilka wartości. Włącz Average 5×5 pixels, aby uśrednić mały obszar i uzyskać kolor, który faktycznie widzi oko. Używaj zrzutów PNG, dopasowując kolory interfejsu, ponieważ są bezstratne. W Chrome i Edge przycisk Pick from screen pobiera kolory z dowolnego miejsca na ekranie, także z innych okien. Aby wyciągnąć główne kolory całego obrazu naraz, użyj ekstraktora palety, a przed użyciem wybranych kolorów w projekcie sprawdź czytelność tekstu za pomocą sprawdzarki kontrastu.
Jak używać
- Dodaj obrazUpuść, wklej lub wybierz zdjęcie, zrzut ekranu albo logo.
- Najedź i kliknijPrzesuń kursor nad obrazem z lupą i kliknij dokładnie wybrany piksel.
- Skopiuj kodKod HEX jest kopiowany automatycznie; kliknij RGB, HSL lub CMYK, aby skopiować także je.