Określ kolor piksela na obrazie online. Określanie koloru na ekranie monitora Program reagujący na zmiany koloru pikseli

Praca z CSS i układ strony, często trzeba pracować z kolorami i bardzo często zachodzi potrzeba określenia kodu koloru/odcienia dla danego obszaru obrazu. Jest do tego specjalny program tzw ColorMania. Można go pobrać z tej strony http://www.blacksunsoftware.com/colormania.html. Po uruchomieniu wygląda to tak.

Program ten umożliwia odnalezienie kodu koloru w dowolnym miejscu ekranu: przytrzymując lewym klawiszem przycisk w kształcie kroplomierza i nie puszczając go, przesuwamy go po ekranie do miejsca, w którym chcemy określić kolor .

Można wybrać rodzaj wyświetlania koloru, na przykład: w formacie szesnastkowym, jako RGB lub w innej formie. Aby zmienić typ wyświetlania, kliknij listę rozwijaną i wybierz z listy żądany typ wyświetlania.

Po wybraniu koloru możesz kliknąć przycisk "Kopiuj", skopiuj kod koloru do schowka lub zaznacz go myszką i użyj skrótu klawiaturowego „Ctrl + C”.

Za pomocą przycisku istnieje możliwość wyboru losowego koloru "Losowy".

Można także wywołać standardowe okno dialogowe wyboru koloru klikając przycisk "Dialog", co pozwoli Ci wybrać kolor spośród kolorów podstawowych.

W standardowym oknie dialogowym istnieje możliwość otwarcia rozszerzonego okna dialogowego wyboru koloru poprzez kliknięcie przycisku „Określ kolor” a następnie na widmie, gdzie wskaźnik jest krzyżykiem, wybierz żądany kolor i naciśnij "OK".

Następnie wyświetli się wybrany przez Ciebie kolor i jego kod.

Można także wybrać kolor według nazwy, klikając na rozwijaną listę za pomocą „Kolor HTML”.

I ostatnią rzeczą, o której można wspomnieć, to to, że aby dokładniej określić kolor, można skorzystać z opcji powiększenia obszaru ekranu znajdującego się pod kroplomierzem. Kliknij listę rozwijaną i zmień wartość "Powiększenie", tj. wybierz powiększenie, z którym wygodniej jest pracować.

Przyjrzeliśmy się więc niezbyt skomplikowanemu, ale bardzo wygodnemu programowi do określania kodu koloru w systemach kodowania szesnastkowego i innych.

HTMLColors2000 to specjalny program do wykrywania kolorów, który pomoże Ci rozpoznać każdy odcień koloru widoczny na ekranie monitora. Gdy program ten określi kolor, przedstawia dane koloru w dwóch formatach: RGB (czerwony, zielony, niebieski) i HTML (sześciocyfrowy kod).

Program ten będzie po prostu niezbędny dla projektantów stron internetowych lub osób lubiących rysować w programach komputerowych. Dlaczego jest niezastąpiony? Ponieważ wybór odpowiedniego odcienia jest bardzo trudny, a czasem wręcz niemożliwy. Istnieją oczywiście inne programy, które potrafią określić kolor, ale po wypróbowaniu kilku programów wybrałem ten.

Oto moje argumenty za tym programem:

1) Waży bardzo niewiele (tylko 32 kb).

2) Nie wymaga instalacji.

3) Zużywa niewiele zasobów systemowych.

4) A co najważniejsze, bardzo łatwy w użyciu! Dla mnie osobiście najważniejsza w programie jest jego niezawodność, szybkość i prostota.

Praca z tym programem jest naprawdę bardzo prosta:

2) Istnieje pięć sposobów wybierania kolorów:

• Wybierz kolory, przesuwając suwaki RGB.
• Ręczne wprowadzanie wartości RGB.
• Wybierz kolor z listy „Nazwa koloru”.
• Wybierz jeden z już wybranych odcieni (pasek boczny, otwiera się przyciskiem „Więcej”).
• Przycisk „Ekran”, za jego pomocą możesz określić dowolny kolor na monitorze komputera.

Piąta metoda jest najwspanialsza! Opowiem o nim trochę więcej.

Po kliknięciu przycisku Ekran w lewym górnym rogu monitora pojawi się małe okno, w którym będą wyświetlane litery i cyfry, a także mały kolorowy pasek. Jeśli poruszysz kursorem, zauważysz, że litery i cyfry zaczną się zmieniać, a wraz z nimi zmieni się pasek kolorów.

Ten pasek kolorów wyświetla kolor, który znajduje się pod kursorem myszy, a litery i cyfry to nic innego jak kod HTML tego koloru.

Istota metody jest bardzo prosta:

1) Wciskasz przycisk „Ekran” i przesuwasz kursor na kolor, na który chcesz otrzymać kod.

2) Spójrz na lewy górny róg i upewnij się, że nie przegapiłeś żądanego koloru.

3) Gdy kursor znajdzie się w żądanej pozycji, naciśnij lewy przycisk myszy.

4) Teraz wystarczy już tylko odebrać otrzymany kod. Skopiuj kod HTML lub przepisz wartość RGB.

Pobierz program do określania koloru:

P.S. Jeśli program nie chce być zainstalowany na Twoim komputerze (co jest bardzo prawdopodobne, jeśli masz zainstalowaną Vistę lub Seven), ten plik Ci pomoże.

Prawdopodobnie jedno z pierwszych narzędzi tego typu, niemniej jednak nie traci popularności wśród webmasterów.
Program pokazuje kod HTML wybranego koloru i odwrotnie, wskazuje kolor po kodzie.

Aby określić kolor na monitorze, kliknij przycisk Ekran, skieruj wskaźnik w żądany punkt i kliknij raz w to miejsce. Pole Kod HTML wyświetli kolor w kodzie HTML. Pozostaje tylko skopiować ten kod do schowka i wkleić go w żądanym miejscu.
Zalety: program waży bardzo niewiele i jest niezwykle prosty

Program do wybierania kolorów

Zaletą tego programu jest to, że wyświetla kolory w kodzie RGB lub HSL i oczywiście w formacie HTML.

Aby określić kolor należy kliknąć przycisk „Wybierz kolor myszką”, kursor myszy przybierze kształt kroplomierza, wystarczy przesunąć kursor w żądane miejsce i kliknąć na niego. Program jest kompatybilny z wersjami systemu Windows XP i wyższymi.
Wymaga instalacji na komputerze.

Tylko próbnik kolorów

Myślę, że jest moją ulubioną. W szczególności bardzo mi pomaga to, że po przechwyceniu koloru w interfejsie pojawia się pasek ze zmienną tonacją i jasnością tego koloru. Te. Mogę najechać myszką na pasek i chwycić jeszcze kilka podobnych kolorów, na przykład nieco jaśniejszych, aby później wybrać ten optymalny.

• Przy pierwszym uruchomieniu pojawi się monit o wybranie języka, dostępny jest rosyjski.
• Interfejs Just Color Picker zawiera lupę.
• Umożliwia zapisanie wielu kolorów.
• Dokonuje odczytów nie za pomocą kliknięcia myszką, ale za pomocą klawiszy skrótu Alt+X (domyślnie), co pozwala dokładniej określić kolor
• Po zdefiniowaniu koloru program automatycznie określi dodatkowe kolory, które będą współgrały z wybranym i które można zastosować w projekcie.
• Nie wymaga instalacji, działa w tle.

Program jest kompatybilny z wersjami systemu Windows XP i wyższymi.

Warto również zwrócić uwagę na darmowy program KolorPic 4.1. Jego jedyną wadą jest to, że wymaga instalacji na komputerze, tj. nie może działać w tle.

Ale ma więcej niż wystarczająco zalet. Program nie jest do końca prosty, dlatego opis i instrukcje dotyczące pracy z nim znajdują się na tej stronie w osobnym artykule

Projektant stron internetowych, programista lub zwykły użytkownik komputera prawdopodobnie zadał to pytanie więcej niż raz. Często istnieje potrzeba dobrania koloru użytego na jakimś obiekcie, np. stronie internetowej czy po prostu punkcie na ekranie monitora.

Istnieje kilka podstawowych sposobów przedstawiania kolorów, na przykład poprzez oznaczenie każdego koloru lub odcienia HTML kod i paleta kolorów RGB jako #FF7700. Jest to reprezentowane w postaci trzech par cyfr szesnastkowych, w których każda para odpowiada za swój własny kolor:
pierwsze dwie cyfry są czerwone, tj. — R (czerwony)
dwa w środku - zielone - G (zielony)
dwie ostatnie cyfry - niebieski - B (niebieski)
Dość często używają podstępnej reprezentacji koloru w postaci trzech znaków #F70, co byłoby odpowiednikiem #FF7700.

Nawiasem mówiąc, w zasobach internetowych kolory są zwykle określane w stylach CSS.

Przejdźmy do odpowiedzi na główne pytanie – Jak sprawdzić kolor piksela na ekranie monitora lub obrazie?

Jest wiele sposobów...

Metoda 1. Znajdź kolor w Photoshopie

Zróbmy więc „zrzut ekranu” wciskając klawisz Print Screen (PrtSc) na klawiaturze, w miejscu, w którym chcemy poznać kod naszego koloru. Po naciśnięciu klawisza system zapisze migawkę do schowka. Możesz po prostu skopiować obraz, na przykład z przeglądarki, bez PrtSc. Teraz pozostaje tylko wkleić obraz z bufora do Photoshopa.

Otwórz Photoshop i wstaw obraz (Plik - Nowy, Edycja - Wstaw). Na pasku narzędzi szukamy „Pipety” (Klawisz I), a następnie klikamy lewym przyciskiem myszy w obszarze, z którego chcemy „usunąć” kolor. Wszystko jest gotowe! Teraz pozostaje tylko udać się do palety i poznać kod koloru.

Metoda 2. Znajdź kolor w programie Paint

Przejdź do Paint - wstaw obrazek - użyj narzędzia "paleta" - przejdź do "zmień kolory":

W naszym przypadku czerwony to 252, zielony to 168, niebieski to 10, tj. RGB(252,168,10) lub w formacie HEX #FCA80A.

Metoda 3: Wyświetl kod elementu w przeglądarce

Opiszę metodę dla przeglądarki Opera. Wybierz element na stronie za pomocą myszy i kliknij go prawym przyciskiem myszy - „Wyświetl kod elementu” (Ctrl + Shift + C). Otworzy się panel z kodem HTML i CSS, musisz znaleźć coś takiego jak „kolor”.

Metoda 4. Korzystanie ze specjalnych narzędzi lub programów.

Istnieje wiele specjalnych programów do usuwania kolorów, podoba mi się bardzo prosty program o nazwie „Pixie” o wadze około 10-11 KB. Sterowanie jest bardzo proste. Wystarczy skierować myszkę w żądany punkt na ekranie monitora i nacisnąć klawisze - Ctrl + Alt + C, w wyniku czego kod koloru zostanie skopiowany do schowka.

Pracując na komputerze, rysując w Photoshopie i projektując strony internetowe, często muszę dowiadywać się, jakie kolory, a raczej ich kody, mają określone obiekty na ekranie monitora. Do tworzenia stron internetowych i wypełniania ich treścią najczęściej wykorzystuję kolory HTML, a czasem też wykorzystuję kody RGB pracując w Photoshopie lub innych edytorach graficznych.

Wcześniej, aby określić kolor obiektu na monitorze, musiałem wykonać zrzut ekranu ekranu (kopiując do schowka za pomocą „Print Screen” lub „Alt” + „Print Screen”). Następnie trzeba było wstawić zdjęcie do Photoshopa, Painta lub innego edytora obrazów i za pomocą zwykłego zakraplacza ustalić kod koloru żądanego obiektu. Cała ta procedura zajęła mi dużo czasu, szczególnie jeśli trzeba ją było często powtarzać.

Ale teraz wszystko się zmieniło i aby określić kolor, nie muszę niczego kopiować i tworzyć dodatkowych zdjęć.

Pixie to najprostszy wykrywacz kolorów pod pachami!

W tym krótkim artykule chciałbym przedstawić Państwu bardzo prosty, wygodny, kompaktowy, a jednocześnie darmowy program do określania koloru na monitorze - Pixie, który przyda się twórcom stron internetowych, projektantom i programistom.

Wróżka- program przeznaczony do szybkiego określania koloru obiektu, nad którym najeżdża się myszką. Pokazuje 4 rodzaje kodów tego samego koloru:

1. Kod HTML
2. Kod RGB
3. Kod CMYK
4. Kod HSV

Na przykład, jeśli najedziesz myszką biały obiekt, wówczas program wyświetli następujące kody kolorów:

Jeśli najedziesz myszką np. Kolor niebieski, wówczas program wyświetli następujące kody:

Używając również kombinacji klawiszy:

1. Ctrl+Alt+C- pixie kopiuje kolor do schowka w formacie HTML #XXXXXX.
2. Ctrl+Alt+X- pixie otwiera okno z paletą kolorów.
3. Ctrl+Alt+Z- pixie powiększa mały obszar w pobliżu kursora (jak pod lupą), dzięki czemu użytkownik może dokładniej określić kolor obiektu na ekranie.

Jeśli chcesz zmienić powyższe kombinacje klawiszy, kliknij prawym przyciskiem myszy okno programu i ustaw je według własnego uznania.

Wróżka- bardzo prosty, przydatny, a nawet niezbędny program dla wszystkich programistów, projektantów, programistów stron internetowych i projektantów stron internetowych, w którym nie ma nic zbędnego.

Program ten stale pomaga mi w pracy (w ustalaniu kolorów), dlatego śmiało mogę go Państwu polecić. Co więcej, powtarzam, że jest to całkowicie bezpłatne.

Możesz także dowiedzieć się o wszystkich bezpieczne kolory dla witryny.