CSSconf EU 2018 | Dag-Inge Aas & Ida Aalen: Generating Colors with JS and CSS Custom Properties
Spisu treści:
Dość często musimy zidentyfikować kolor na stronie internetowej lub w aplikacji, abyśmy mogli używaj go również na naszych blogach lub w aplikacjach. W takim przypadku musimy użyć narzędzi do identyfikacji kodów kolorów. Ta lista darmowych narzędzi do selekcji kolorów i bezpłatnych serwisów internetowych pomoże ci rozpoznać kod HTML w kolorach HEX, RGD, itp. Z obrazów, stron internetowych itp.
Bezpłatne oprogramowanie Color Code Finder
1] ColorPix- A darmowe narzędzie do wybierania kolorów, które pozwala uzyskać kody kolorów i skopiować je bezpośrednio do schowka. Te współrzędne narzędzia przechwytują piksel na ekranie i przekształcają go w kilka formatów kolorów do wyboru. Najlepsze jest to, że jest to lekkie narzędzie i nie wymaga instalacji. Wystarczy pobrać i gotowe do użycia. ColorPix jest dostarczany z wbudowaną lupą, która umożliwia powiększanie ekranu i łatwe wybieranie koloru. Po prostu powiększ zdjęcie, kliknij kolor i jego kopię do schowka.
2] Pixie - Przenośny program typu freeware, szczególnie przydatny dla grafików i projektantów stron internetowych. Jeśli szukasz narzędzia, które pomoże ci polować na ładne kolory z ekranu, Pixie jest dla Ciebie. Wystarczy uruchomić Pixie, narzędzie i można wskazać dowolny kolor, aby poznać wartości HEX, HTML, CMYK, RGB i HSV. Wartości te mogą pomóc w odtworzeniu tych kolorów w projektowaniu graficznym.
3] Tylko próbnik kolorów- Prosty selektor kolorów to darmowy i przenośny selektor kolorów i edytor kolorów, który identyfikuje kolory, pomaga w ich wyborze i kopiowanie do schowka za pomocą jednego kliknięcia. Łączenie kolorów i ich edycja jest bardzo szybkie i łatwe dzięki temu narzędziu. Pozwala wybrać obszar tak mały, jak pojedynczy piksel i wybrać kolor do najlepszego odcienia. Ważną cechą Just Color Picker jest harmonijna wyszukiwarka kolorów, która pozwala znaleźć ładną kombinację kolorów pasujących do podstawowych kolorów. Jeśli na przykład chcesz wybrać kolor czcionki witryny, wybierz podstawowy kolor witryny, a narzędzie zaproponuje najlepsze kombinacje kolorów pasujące do Twojej witryny.
4] Selektor kolorów CP1- Jest to proste narzędzie do wybierania kolorów na komputer z systemem Windows, które pozwala szybko i łatwo wybrać dowolny kolor. CP1 to lekkie narzędzie, które obsługuje również system Windows 10, jest również dostępne w wersji przenośnej. Zainstaluj narzędzie na swoim komputerze i możesz znaleźć kody kolorów HTML i RGB dowolnego koloru umieszczonego w dowolnym miejscu na pulpicie. Natychmiast po zainstalowaniu CPX Color Picker na komputerze, pobiera kolory na ekranie i daje kody kolorów, jak pokazano na obrazku poniżej. Wystarczy kliknąć dowolny kod i wkleić go gdzieś w Notatniku do przyszłego użytku.
5] Colorpic- Odpowiedni dla monitorów o wysokiej rozdzielczości, ten zestaw kolorów jest wyposażony w lupę. To narzędzie pozwala pobrać do 19 palet kolorów jednocześnie i wymieszać je, aby uzyskać pożądane widmo. Możesz dopasować kolory za pomocą zaawansowanego czterokolorowego miksera Colorpic. Narzędzie działa z niemal każdą popularną przeglądarką internetową i aplikacjami do edycji zdjęć, takimi jak Photoshop itp. Możesz pobrać tutaj Colorpic.
6] ColorZilla- Dostępne jako Dodatek do przeglądarki Firefox i rozszerzenie do Chrome, ColorZilla to znowu bezpłatne narzędzie do wybierania kolorów, które warto dodać do listy. Za pomocą tego narzędzia możesz uzyskać kod koloru z dowolnego miejsca w przeglądarce internetowej. W rzeczywistości można analizować pełną paletę kolorów strony internetowej za pomocą ColorZilla. Przeglądarka palet online pomaga przeglądać, tworzyć zakładki lub udostępniać dowolne palety kolorów w Internecie. DOM Color Analyzer z ColorZilla sprawdza kolory na dowolnej stronie internetowej, wykrywa zlokalizowane odpowiednie elementy i pomaga określić dokładne kody kolorów. Pobierz narzędzie tutaj.
Narzędzie do selekcji kolorów
Oprócz wyżej wspomnianego bezpłatnego oprogramowania do wybierania kolorów, dostępnych jest wiele narzędzi online do wyboru kolorów, które pomagają w uzyskaniu dokładnych kodów kolorów.
1] ImageColorPicker.com-
Jest to proste w Internecie narzędzie wyboru koloru, aby wybrać kolor i uzyskać kod koloru HTML, wartość HEX, wartość HSV i wartość RGB tego konkretnego piksela. Możesz przesłać obraz lub po prostu wkleić adres URL obrazu na pasku adresu, aby uzyskać kod koloru. Po prostu prześlij zdjęcie i wskaż kursorem żądany kolor, a zobaczysz wybrany kolor na miniaturce wraz z kodem koloru HTML, HSV i RGB.
2] w3schools.comChociaż to narzędzie online nie oferuje takich funkcji jak dopasowanie i kontrastowanie, nadal warto dodać do listy. Jest to jedno z najprostszych narzędzi do wyboru kolorów online, które nie wymaga wiedzy technicznej. Każdy może po prostu wybrać kolor i uzyskać kod koloru. Daje ci najciemniejszy odcień w najjaśniejszym odcieniu koloru. Jedyną wadą tego narzędzia online jest to, że nie można zapisać wybranych kodów kolorów do przyszłego użytku. Możesz sprawdzić to narzędzie tutaj.
3] ColorPicker.com
Jeśli nie chcesz używać narzędzi do wybierania koloru na pulpicie, to narzędzie internetowe może być Twoim wyborem. Jest to proste narzędzie, które podaje nazwy kolorów, kod koloru HEX i RGB dla wybranego koloru. Możesz zapisać do 9 wybranych kolorów. W dolnej części strony znajdują się linki prowadzące do wykresu kolorów i do generowania nowych schematów kolorów.
4] HailPixel.com
To narzędzie do wybierania kolorów w Internecie ma zupełnie inny interfejs. Zamienia cały ekran w próbnik kolorów. Po prostu przesuwaj kursor myszy na ekranie i kliknij na kolor, który Ci odpowiada. Natychmiast zapisze kolor i klikając ikonę Ustawienia, uzyskasz kod HEX, HSL i RGB. Zabawne jest korzystanie z tego narzędzia, ale jednocześnie jest nieco mylące, ponieważ nie ma koła kolorów do wyboru kolorów. Może to być dość czasochłonne, ale potem niektórzy z was mogą polubić to ze względu na inny układ i interfejs.
Oprócz bezpłatnego oprogramowania i internetowego narzędzia wyboru kolorów narzędzia programistyczne najpopularniejszych przeglądarek internetowych zawierają także narzędzia do wyboru kolorów
Być może zainteresuje Cię fakt, że Bing wprowadził narzędzie wyboru kolorów. Możesz również rzucić okiem na narzędzie wyboru kolorów w Internet Explorerze i w przeglądarce Sprawdź element przeglądarki Google Chrome.
Użytkownicy Twittera otrzymują darmowe narzędzie do identyfikacji fałszywych obserwujących
Socialbakers twierdzi, że jego narzędzie może określić, jaki procent Twoich wiernych na Twitterze jest fałszywy, nieaktywny lub dobry
Najlepsze 3 bezpłatne oprogramowanie skanera kodów kreskowych dla systemu Windows 10/8/7
Szukasz bezpłatnych Czytników kodów kreskowych lub skanerów? Oto 3 skanery kodów kreskowych dla systemu Windows. Pobierz BcWebCam, skaner kodów kreskowych Zbar, bezpłatny skaner kodów kreskowych, oprogramowanie Reader bezpłatnie.
Identyfikacja i wyświetlanie kodów kolorów za pomocą ColorPix
ColorPix to bezpłatna aplikacja do wyboru kolorów dla systemu Windows, która pozwala uzyskać wartości kolorów i współrzędne ekranu w dowolnym piksel na ekranie.