Próbnik kolorów z obrazu

Prześlij dowolny obraz, kliknij dowolny piksel, a otrzymasz HEX tego dokładnego koloru — plus RGB, HSL oraz najbliższe dopasowanie nazwane w CSS. Przydatne do dopasowywania kolorów marki ze zrzutów ekranu, identyfikowania kolorów farb ze zdjęć lub uchwycenia dokładnego odcienia nieba na tapecie.

Dlaczego warto wybrać z obrazu (zamiast oceniania wzrokiem)

„Wygląda na niebieski” daje 100 różnych niebieskich. Próbnik odczytuje rzeczywistą wartość piksela, dzięki czemu możesz wkleić dokładny HEX do swojego CSS, narzędzia projektowego lub aplikacji sklepu z farbami. Powiększanie i przesuwanie pozwalają celować w małe szczegóły (kolor oka na portrecie, nić we wzorze tkaniny).

Co zgłasza próbnik

• HEX: gotowy do wklejenia do CSS, Figma, Photoshop.
• RGB: dla narzędzi, które potrzebują kanałów dziesiętnych.
• HSL: do dostosowania z wybranego bazowego koloru.
• Najbliższy kolor nazwany w CSS: 'cornflowerblue', 'salmon' itp. Przydatne do szybkiego odwołania.
• Wskazówka dotycząca jasności i kontrastu: „najlepiej z białym tekstem” lub „użyj ciemnego tekstu” w oparciu o luminancję.

Porady dotyczące przepływu pracy

1. Do dopasowywania kolorów marki: prześlij zasób marki (logo, zrzut ekranu strony internetowej), kliknij kolor, wklej HEX do swojego przewodnika stylów.
2. Do tonów tablicy nastrojów: pobierz próbki kilku pikseli w okolicy, aby poczuć klimat. Lub użyj Palette Extractor, aby automatycznie uzyskać dominujące 5–10 kolorów.
3. Do dopasowywania farb: pobierz próbkę ze zdjęcia ściany, a następnie znajdź HEX w aplikacji swojej marki farb (Sherwin Williams, Benjamin Moore itp. wszystkie mają wyszukiwanie HEX).

Konwertuj na inne formaty

Gdy masz już HEX, przepuść go przez nasz Color Converter, aby uzyskać CMYK (druk), odniesienie Pantone lub dostosowania HSL.