Określ kolor HTML online. Jak sprawdzić kolor tła na stronie? Wybierz ColorZillę! Photoshop i Paint: jak znaleźć kolor za pomocą zakraplacza

Projektanci co jakiś czas stają przed problemem ustalenia dokładnego koloru punktu na ekranie monitora; tak dzieje się zazwyczaj w przypadku osób zajmujących się projektowaniem stron internetowych; czasem łatwiej jest skopiować schemat kolorów, niż samemu wynaleźć koło. Można podążać ciernistą drogą prawdziwych eksperymentatorów, na przykład robiąc zrzuty ekranu ekranów, a następnie przetwarzając powstałe obrazy w edytorze graficznym lub nawet szperając w kodach źródłowych stron internetowych, ale lepiej nie oddawać się głupiej pracy wymyślanie na nowo kolejnego koła, ale poprzestanie na narzędziu, które zrobi wszystko w ułamku sekundy. Jest do tego wiele programów, dziś porozmawiamy o miniaturowym narzędziu.

Nie ma potrzeby instalowania programu, uruchamiany jest jedynie plik w całości. Polecam umieścić program w osobnym folderze, łatwiej będzie go odinstalować, gdyż po uruchomieniu tworzy plik konfiguracyjny.

Po uruchomieniu Colorpix jest bardzo małym okienkiem, które działa na zasadzie W którym miejscu znajduje się kursor myszy, wyświetlany jest ten kolor. Możesz poruszać myszą i zobaczyć kolejne cyfry i litery pokazujące współrzędne kursora, kolor w kilku kodowaniach oraz kwadrat wypełniony wybranym kolorem.

Pożądany kolor zapamiętuje się po naciśnięciu dowolnego klawisza, sygnalizuje to pojawiająca się kłódka, należy skopiować wartość, a do dalszej pracy ponownie nacisnąć dowolny klawisz. Wartości kolorów nie trzeba przepisywać ręcznie, wystarczy dwukrotnie kliknąć żądane kodowanie, a następnie wkleić je.

Colorpix można przymocować na górze każdego okna, wystarczy nacisnąć znak plus na górze i wyświetlić coś w rodzaju szkła powiększającego, znaleźć i nacisnąć element o sprytnej nazwie „MAGNIFIER”, po czym okno powiększy się i pojawi się panel zostanie dodany (czasami świetnie jest mrugnąć, gdy szturchniesz go dokładnie w odpowiednim miejscu).

Nie ma żadnych ustawień, narzędzie jest tak proste jak drzwi.

Colorpix okazał się genialnie prosty, zawierał tylko niezbędne funkcje, minimalny rozmiar i był niezwykle łatwy w obsłudze. Możesz dowiedzieć się, jak z niego korzystać w ciągu zaledwie kilku sekund, wszystko odbywa się tak intuicyjnie, jak to możliwe. Jeżeli ktoś potrzebuje szybko określić kolor dowolnego punktu na ekranie to polecam skorzystać.

Strona do bezpłatnego pobrania Colorpix http://www.colorschemer.com/download.php

Najnowsza wersja w chwili pisania tego tekstu Colorpix 1.2

Rozmiar programu: plik 605 KB

Kompatybilność: Windows Vista i 7, Windows XP

Rodzaj oprogramowania: Wykrywanie koloru
Deweloper/wydawca: Wład Polanski
Wersja: 1.0
iPhone’a i iPada: 33 ruble [Pobierz z App Store]

W życiu jest tyle ważnych i ciekawych rzeczy! Nazwy kolorów nie są jednym z nich. Pamiętaj o różnicach niektórych ecru z wielbłąd potrzebne tylko niektórym osobom o bardzo specyficznych zawodach. Dla wszystkich innych wystarczy mieć pod ręką Kolorymetr. To aplikacja na iPhone'a, która określa kolor na podstawie zdjęcia, dostarczając maksymalnych informacji o każdym odcieniu.

Pamiętasz, jak szukałeś tapety w określonym kolorze? A może element garderoby dostosowany do określonego dress code’u? A może potrzebujesz detalu wnętrza, który idealnie wpasuje się w kolorystykę mebli lub doda akcentów? Nowa aplikacja domowa pomoże rozwiązać wszystkie te i inne drobne problemy domowe. Kolorymetr dla iphone.

Co dziesiąty mężczyzna doświadcza ślepoty barw – niemożności rozróżniania kolorów. Prawie wszyscy inni mają problemy z rozróżnieniem odmian czerwieni. I nikt nikt z nas tak naprawdę nie wie, jakiego koloru są tapety na ścianach własnego domu. Lista odcieni nie kończy się na typowych kolorach kredek z dzieciństwa. Tabela kolorów umbra lub tapetę Garnitur Grullo- nie śliskie tłumaczenie z innego języka, ale prawdziwe nazwy rzeczywistych kolorów otaczających Cię obiektów.

Kolorymetr To działa po prostu. Uruchom program, zrób zdjęcie i przesuń po nim palec. Wirtualna lupa analizuje kolor w miejscu styku i wyświetla jego nazwę kulturową.

Po bieganiu po domu z iPhonem i poznaniu wielu nowych słów zaczynasz zdawać sobie sprawę z korzyści płynących z praktycznego wykorzystania aplikacji. Możesz naśladować dźwięk. Opisanie kształtu przedmiotów również nie jest trudne słowami. Ale prawie niemożliwe jest wyjaśnienie, jak odcień szarości, który lubisz, różni się od tego, jaki wyobraża sobie Twój rozmówca. I tu właśnie się to przydaje baza kolorystyczna Kolorymetr.

Na przykład musisz kupić tapetę w określonym kolorze. Albo jeszcze gorzej: ktoś inny musisz kupić tapetę i siedzisz w oczekiwaniu, że wieczorem zostanie dostarczonych do Twojego domu kilkanaście rolek tapety w zupełnie innym odcieniu niż marzyłeś. Robiąc zdjęcie przedmiotu i wybierając najbliższy mu odcień, będziesz mieć pewność, że Twój partner lub serwisant dokładnie wie, jaki to kolor. Co muszę kupić.

Czasami nawet najmniejsze odchylenie w kolorze może stać się krytyczne. Na przykład przy wyborze farby. Tytuł lub obraz już nie wystarczą. Potrzebujemy standardów i liczb. Dobrze, że Kolorymetr też to wszystko ma. Kliknięcie nazwy koloru spowoduje jego otwarcie szczegółowy opis. Oto parametry odcieni w najpopularniejszych modelach kolorystycznych - RGB(obraz cyfrowy) i CMYK, do druku.

Jeśli nie mówimy o płynnych farbach i kolorach, ale o wirtualnych, projektanci docenią dwa dodatkowe parametry - H.S.B.(barwa, nasycenie i jasność) oraz KLĄTWA-kod kolorów dla stron internetowych. Dodatkowo aplikacja pokazuje trzy najbardziej odpowiednie kolory w znanym systemie Pantone, wiedząc to, znacznie łatwiej będzie Ci prowadzić dialog z producentem lub sprzedawcą mebli i artykułów dekoracyjnych.

Do deweloperów Kolorymetr Propozycji dalszego rozwoju jest kilka. Informacje dotyczące kolorów należy skopiować do schowka lub przynajmniej podświetlić jako tekst - pomoże to szybko udostępnić informacje innym osobom za pośrednictwem iMessage lub e-maila, zamiast wysyłać im gruby zrzut ekranu. A w interfejsie wbudowanego aparatu włącznik lampy błyskowej nie zaszkodzi, bo teraz strzela automatycznie, co nie zawsze jest dobre.

Post pomoże Ci określić kolor online za pomocą kilku stron, jedna jest po prostu super, reszta ma mniejszą funkcjonalność. Metoda przyda się tym, którzy nie mają możliwości korzystania z programu komputerowego, np. na tablecie.

Wybór dla sanstv.ru: znajdzie kod piksela

Świetnie, w końcu zaczęli tworzyć usługi online w rosyjskim sanstv.ru, a oto adres, charakterystyczna cecha dzieli plik na piksel. Aby rozpocząć korzystanie z niego, spójrz na zrzut ekranu.

  • Możesz wstawić plik do definicji naciskając przycisk PrtScr, spowoduje to wykonanie migawki całej przeglądarki, ale nie będzie ona widoczna; aby wyświetlić go na ekranie, naciśnij cntrl+f.
  • Lub po prostu przeciągając go z komputera do okna edytora.
  • Potrafi robić zdjęcia ze zdjęć w dobrej jakości.
  • Kolor jest wygodny do sprawdzenia na stronie internetowej, zrobiłem zdjęcie i wkleiłem.

Po wszystkich manipulacjach zobaczysz swoją ilustrację i duży wzrost. Aby określić kod koloru (nazwę), należy wskazać żądany odcień i zobaczyć kombinację.

  1. Wskazujemy żądane miejsce na ekranie, duże powiększenie.
  2. Liczba w dwóch formacjach rgb i hex, oba są używane, ale hex jest bardziej popularny.

Jest tu wiele przydatnych rzeczy, na przykład jak podłączyć css jako projektanta układu. Stworzony przez altruistę, nie prosi o pieniądze za użytkowanie. Przejdźmy do innych usług.

Z łatwością określ kolor online za pomocą imagecolorpicker.com

Na tej stronie imagecolorpicker.com można łatwo określić kolor online i działa szybko. Ale prostota ma pewne ograniczenia:

  • Nie można zwiększyć, chyba że naciśniesz cntrl i +.
  • Aby określić odcień, nie można używać metody przeciągania i upuszczania ani zrzutów ekranu, wystarczy pobrać.

Strona jest warta uwagi, kroplomierz jest widoczny, nie zgub go.

Kolorysta imgonline.com.ua: pomoże Ci poznać nawet kolor Twoich włosów

Ta strona nie może dokładnie wskazać, jaki kod jest potrzebny, dzieli go na główne elementy, oto adres. Będziesz potrzebował projektanta, który nie może zainstalować popularnego kolażu na ilustracji. Raport wygląda następująco:

Najpierw zapisujemy liczbę odcieni podstawowych (czyli pikseli na obrazie, które zostaną uporządkowane w kolejności malejącej). Ustawiamy kompresję, przesyłamy obraz i czekamy na przetworzenie. Może się też okazać, że fryzjerzy będą musieli np. poznać kolor włosów bez szturchania, wystarczy przesłać zdjęcie fryzury, a obsługa podzieli ją na odcień i nazwę.

Zdjęcie getcolor.ru: nie działa z obrazu

Umieściłem getcolor.ru w artykule, ponieważ nie ma konkurentów, ogromna wada: nie ma wyszukiwania według obrazu. Działa w oparciu o proste kółko odcienia i wybór kliknięcia. Przesuń suwak w żądanym kierunku i spójrz na parametry rgb i hex.

Chociaż nie, znalazłem jeden plus, może nadać nazwę kolorowi, spójrz poniżej, za każdym razem podaje inne. Zastosowanie: na przykład w katalogach iw układzie HTML.

Mówiłem o najlepszych zasobach, które pomogą Ci określić kolor online bez instalowania programów. Powodzenia.

szesnastkowy/HTML

Kolor HEX to nic innego jak szesnastkowa reprezentacja RGB.

Kolory są reprezentowane jako trzy grupy cyfr szesnastkowych, gdzie każda grupa odpowiada za swój własny kolor: #112233, gdzie 11 to czerwony, 22 to zielony, 33 to niebieski. Wszystkie wartości muszą mieścić się w przedziale od 00 do FF.

Wiele aplikacji pozwala na skróconą formę szesnastkowego zapisu kolorów. Jeśli każda z trzech grup zawiera te same znaki, na przykład #112233, wówczas można je zapisać jako #123.

  1. h1 (kolor: #ff0000; ) /* czerwony */
  2. h2 ( kolor: #00ff00; ) /* zielony */
  3. h3 ( kolor: #0000ff; ) /* niebieski */
  4. h4 ( kolor: #00f; ) /* ten sam niebieski, skrót */

RGB

Przestrzeń kolorów RGB (czerwony, zielony, niebieski) składa się ze wszystkich możliwych kolorów, które można utworzyć poprzez zmieszanie koloru czerwonego, zielonego i niebieskiego. Model ten jest popularny w fotografii, telewizji i grafice komputerowej.

Wartości RGB są określone jako liczba całkowita od 0 do 255. Przykładowo rgb(0,0,255) jest wyświetlane jako niebieskie, ponieważ parametr niebieski jest ustawiony na najwyższą wartość (255), a pozostałe są ustawione na 0.

Niektóre aplikacje (szczególnie przeglądarki internetowe) obsługują procentową rejestrację wartości RGB (od 0% do 100%).

  1. h1 ( kolor: rgb(255, 0, 0); ) /* czerwony */
  2. h2 ( kolor: rgb(0, 255, 0); ) /* zielony */
  3. h3 ( kolor: rgb(0, 0, 255); ) /* niebieski */
  4. h4 ( kolor: rgb(0%, 0%, 100%); ) /* ten sam niebieski, wpis procentowy */

Wartości kolorów RGB są obsługiwane we wszystkich głównych przeglądarkach.

RGBA

Ostatnio nowoczesne przeglądarki nauczyły się pracować z modelem kolorów RGBA - rozszerzeniem RGB z obsługą kanału alfa, który określa przezroczystość obiektu.

Wartość koloru RGBA jest określona jako: rgba(czerwony, zielony, niebieski, alfa). Parametr alfa jest liczbą z zakresu od 0,0 (całkowicie przezroczysty) do 1,0 (całkowicie nieprzezroczysty).

  1. h1 ( kolor: rgb(0, 0, 255); ) /* niebieski w zwykłym RGB */
  2. h2 ( kolor: rgba(0, 0, 255, 1); ) /* ten sam niebieski w RGBA, bo krycie: 100% */
  3. h3 ( kolor: rgba(0, 0, 255, 0.5); ) /* krycie: 50% */
  4. h4 ( kolor: rgba(0, 0, 255, .155); ) /* krycie: 15,5% */
  5. h5 ( kolor: rgba(0, 0, 255, 0); ) /* całkowicie przezroczysty */

RGBA jest obsługiwane w IE9+, Firefox 3+, Chrome, Safari i Opera 10+.

HSL

Model kolorów HSL jest reprezentacją modelu RGB w cylindrycznym układzie współrzędnych. HSL reprezentuje kolory w sposób bardziej intuicyjny i czytelny dla człowieka niż typowy RGB. Model jest często używany w aplikacjach graficznych, paletach kolorów i analizie obrazu.

HSL oznacza Hue (kolor/odcień), Saturation (nasycenie), Lightness/Luminance (jasność/jasność/jasność, nie mylić z jasnością).

Odcień określa położenie koloru na kole kolorów (od 0 do 360). Nasycenie to procentowa wartość nasycenia (od 0% do 100%). Lekkość to procent lekkości (od 0% do 100%).

  1. h1 ( kolor: hsl(120, 100%, 50%); ) /* zielony */
  2. h2 ( kolor: hsl(120, 100%, 75%); ) /* jasnozielony */
  3. h3 ( kolor: hsl(120, 100%, 25%); ) /* ciemnozielony */
  4. h4 ( kolor: hsl(120, 60%, 70%); ) /* pastelowa zieleń */

HSL jest obsługiwany w IE9+, Firefox, Chrome, Safari i Opera 10+.

HSLA

Podobnie jak RGB/RGBA, HSL posiada tryb HSLA obsługujący kanał alfa wskazujący nieprzezroczystość obiektu.

Wartość koloru HSLA jest określona jako: hsla(odcień, nasycenie, jasność, alfa). Parametr alfa jest liczbą z zakresu od 0,0 (całkowicie przezroczysty) do 1,0 (całkowicie nieprzezroczysty).

  1. h1 ( kolor: hsl(120, 100%, 50%); ) /* zielony w normalnym HSL */
  2. h2 ( kolor: hsla(120, 100%, 50%, 1); ) /* ta sama zieleń w HSLA, bo krycie: 100% */
  3. h3 ( kolor: hsla(120, 100%, 50%, 0.5); ) /* krycie: 50% */
  4. h4 ( kolor: hsla(120, 100%, 50%, .155); ) /* krycie: 15,5% */
  5. h5 ( kolor: hsla(120, 100%, 50%, 0); ) /* całkowicie przezroczysty */

CMYK

Model kolorów CMYK jest często kojarzony z drukiem kolorowym i drukiem. CMYK (w odróżnieniu od RGB) jest modelem subtraktywnym, co oznacza, że ​​wyższe wartości kojarzone są z ciemniejszymi kolorami.

Kolory są określane na podstawie proporcji cyjanu (Cyan), magenty (Magenta), żółtego (Yellow) z dodatkiem czerni (Key/blacK).

Każda z liczb definiujących kolor w CMYK reprezentuje procent atramentu danego koloru tworzącego kombinację kolorów, a dokładniej wielkość punktu rastrowego, który jest drukowany przez maszynę fotoskładową na kliszy tego koloru (lub bezpośrednio na płycie drukarskiej w przypadku CTP).

Na przykład, aby uzyskać kolor PANTONE 7526, należy zmieszać 9 części cyjanu, 83 części magenty, 100 części żółtego i 46 części czarnego. Można to oznaczyć następująco: (9,83,100,46). Czasami stosuje się następujące oznaczenia: C9M83Y100K46 lub (9%, 83%, 100%, 46%) lub (0,09/0,83/1,0/0,46).

HSB/HSV

HSB (znany również jako HSV) jest podobny do HSL, ale są to dwa różne modele kolorystyczne. Obydwa opierają się na geometrii cylindrycznej, przy czym HSB/HSV opiera się na modelu „hexcone”, natomiast HSL opiera się na modelu „bi-hexcone”. Artyści często wolą korzystać z tego modelu, powszechnie przyjmuje się, że urządzeniu HSB/HSV bliżej jest do naturalnego postrzegania kolorów. W szczególności model kolorów HSB jest używany w programie Adobe Photoshop.

HSB/HSV oznacza Barwę (kolor/odcień), Nasycenie (nasycenie), Jasność/Wartość (jasność/wartość).

Odcień określa położenie koloru na kole kolorów (od 0 do 360). Nasycenie to procentowa wartość nasycenia (od 0% do 100%). Jasność to procent jasności (od 0% do 100%).

XYZ

Model kolorów XYZ (CIE 1931 XYZ) jest przestrzenią czysto matematyczną. W przeciwieństwie do modeli RGB, CMYK i innych, w XYZ główne składniki są „wyimaginowane”, co oznacza, że ​​nie można powiązać X, Y i Z z żadnym zestawem kolorów do wymieszania. XYZ jest wzorcowym modelem dla prawie wszystkich innych modeli kolorów stosowanych w dziedzinach technicznych.

LABORATORIUM

Model kolorów LAB (CIELAB, „CIE 1976 L*a*b*”) obliczany jest z przestrzeni CIE XYZ. Celem projektowym laboratorium było stworzenie przestrzeni barw, w której zmiany barw byłyby bardziej liniowe w rozumieniu ludzkiej percepcji (w porównaniu do XYZ), to znaczy tak, aby taka sama zmiana wartości współrzędnych barw w różnych obszarach przestrzeni barw wywoływać takie samo wrażenie zmiany koloru.

Podczas pracy z obrazami często trzeba dokładnie określić kolor piksela. Jest to potrzebne do korekty obrazu lub w pracach projektowych w celu dostosowania kolorystyki tła, paneli lub przycisków Twojej strony internetowej lub witryny internetowej.

Ta usługa pozwoli Ci sprawdzić kolor kropki online bez pobierania i instalowania dodatkowych programów. Pracując w naszym internetowym serwisie kroplomierzy, możesz szybko i łatwo sprawdzić kolor dowolnej części obrazu.

Aby to zrobić, musisz załadować zdjęcie na stronę. Aby pobrać plik, kliknij przycisk „Przeglądaj”. Wybierz żądany plik obrazu i kliknij „Prześlij”. Gdy tylko obraz się załaduje, zobaczysz go na ekranie. Następnie należy najechać kursorem na piksel, którego kolor chcemy określić. W osobnym oknie będziesz mógł zobaczyć kolor piksela, a w polu Bieżąca wartość wyświetli się odpowiedni numer piksela w kolorze HTML i RGB piksela.

Usługa umożliwia zapisanie kodu koloru w formacie kolorów HTML i RGB. Aby to zrobić, należy najechać kursorem na żądany piksel i kliknąć lewym przyciskiem myszy. W polu „Zapisane wartości” w osobnym oknie możesz zobaczyć kolor piksela, a także zapisane wartości kodu piksela w formacie kolorów HTML i RGB.

Opinie

Tak, wydaje się dobre, dzięki
Normalna
arcydzieło
waga
Loys, bardzo ci pomogliśmy