Selektor kolorowych kodów szesnastkowych dla raportów usługi LuckyTemplates

Natknąłem się na narzędzie, które jest tak dobre i przydatne do niektórych naprawdę typowych zadań w LuckyTemplates podczas tworzenia raportów i wizualizacji. Jest to selektor kodów szesnastkowych kolorów, za pomocą którego można łatwo uzyskać kolory do raportów usługi LuckyTemplates. Możesz obejrzeć pełny film tego samouczka na dole tego bloga.

Narzędzie jest autorstwa firmy o nazwie Anny software i chcę im podziękować nie tylko za stworzenie niesamowitego narzędzia, ale także za uczynienie go całkowicie darmowym. Ma ogromną funkcjonalność i rozwiązuje niektóre typowe problemy i irytacje związane z kodami szesnastkowymi i motywami kolorów w usłudze LuckyTemplates.

Pozwól, że pokażę ci kilka rzeczy, do których go używałem.

Spis treści

• Jak korzystać z selektora kodów szesnastkowych kolorów
• Więcej funkcji i wbudowanych narzędzi
• Zapisywanie niestandardowego motywu kolorystycznego
• Używanie selektora kodów szesnastkowych kolorów na ikonach
• Wniosek

Jak korzystać z selektora kodów szesnastkowych kolorów

Jedną z typowych rzeczy, które mi się cały czas przytrafiają, jest konieczność ustalenia koloru kodu szesnastkowego dla czegoś, czego używam we własnym raporcie. Na przykład w tym raporcie musiałbym dowiedzieć się, co to jest ten niebieski kolor. To jest tło programu PowerPoint, więc usługa LuckyTemplates nie ma pojęcia, jaki to kolor.

Zwykle musiałbym zrobić zrzut ekranu, a następnie przejść do narzędzia efektów w kroplomierzu. Ale dzięki temu narzędziu Just Color Picker nie musisz tego robić.

Po prostu wskazujesz niebieski i pokazuje ci, jaki jest kod szesnastkowy. A następnie stąd możesz skopiować tę wartość.

To naprawdę łatwy sposób na zbudowanie kompletnego motywu za pomocą tego narzędzia i doskonale współgra z generatorem motywów kolorów LuckyTemplates .

Za pomocą generatora motywów kolorystycznych możesz przejść do obrazu w kolorach , a następnie możesz przesłać tutaj własny obraz. Przesłałem tutaj obraz, który mi się podoba i myślę, że będzie dobrym motywem.

I tak Image to Colours wyciąga pięć kolorów z tego motywu. Następnie użyję selektora kodów szesnastkowych kolorów (Just Color Picker), aby pobrać kody szesnastkowe, a następnie je skopiować.

Podoba mi się ta czerwień z latarni morskiej, więc tę też możemy mieć. Podoba mi się też piaskowy kolor z promenady, więc i ten możemy dodać do listy. Jest też biel z fal, która moim zdaniem również będzie dobrze wyglądać.

Możemy wziąć to wszystko. Następnie mogę wziąć niebieski kolor bazowy, który mi się podoba i z suwaków (HSV i RGB) możemy wziąć i stworzyć dodatkowe kolory z tego, w którym możemy zmienić nasycenie itp. I teraz mamy ten ciemnoniebiesko-zielony kolor .

Od razu możemy łatwo stworzyć naprawdę fajny motyw kolorystyczny.

Więcej funkcji i wbudowanych narzędzi

Ma kilka wbudowanych narzędzi, które są naprawdę przydatne. Jeśli przejdziesz do Narzędzia i koła kolorów , zobaczysz dla danego koloru, jakie są kolory uzupełniające i jakie są kolory triad.

Tutaj możesz wybrać więcej kolorów.

Następnie możesz ponownie przejść do Narzędzia i jest tam funkcja o nazwie Text .

To pokaże nam różne kombinacje tła i tekstów. Tak wyraźnie widać tutaj w naszej przykładowej kombinacji kolorów, że to w ogóle nie działa.

Weźmy nasz tekst i zmieńmy go na nasz piaskowy kolor promenady, a teraz wygląda całkiem nieźle.

Możemy również zmienić tło, jeśli chcemy. Możemy po prostu bawić się różnymi kolorami w naszym motywie, aby zobaczyć, czy potrzebujemy dodatkowych kolorów uzupełniających.

Zapisywanie niestandardowego motywu kolorystycznego

Gdy jesteśmy zadowoleni z motywu, przechodzimy do listy kolorów i klikamy Zapisz jako .

Kiedy klikniemy plik, zobaczymy, że wszystkie kody szesnastkowe są zapisane.

Następnie skopiuj i wklej to do pliku json. Musimy tylko pozbyć się spacji i dodać cudzysłowy i znaki funta. To jest przykład jak to powinno wyglądać.

Po zapisaniu możemy pobrać go do usługi LuckyTemplates.

Używanie selektora kodów szesnastkowych kolorów na ikonach

Pokażę ci ostatnią rzecz, którą z tym robię. To jest coś, co często robię z moimi wpisami i raportami LuckyTemplates Challenge. Modyfikuje ikony , szczególnie do nawigacji.

Korzystam z usługi o nazwie Flaticon , która ma miliony naprawdę wysokiej jakości ikon.

Uratowałem kilka w mini kolekcji. To są te, które są często używane. Weźmy tę ikonę jako przykład. Używam tego jako mojego standardu dla czystych filtrów.

Powiedzmy, że chcemy zmienić ten kolor z szaro-czarnego na coś, co pasuje do motywu kolorystycznego, który właśnie stworzyliśmy. Pojawi się selektor kodów szesnastkowych kolorów, a we Flaticon możemy przejść do Edytuj ikonę .

W lewym górnym rogu możemy wybrać kolor, który chcemy zmienić. Następnie wybieramy żądany kolor z naszego motywu kolorystycznego w Just Color Picker. Skopiuj wartości tego koloru.

Wklej wartości lub kod szesnastkowy w obszarze „nowy kolor”. Sformatuj go poprawnie, a następnie mamy pożądany kolor w naszej ikonie.

Kliknij Zapisz w kolekcji , a my możemy pobrać to jako nową ikonę na naszej stronie raportu.

Motyw kolorystyczny w raportach usługi LuckyTemplates — wskazówki i techniki
Jak wybrać motyw kolorystyczny usługi LuckyTemplates do raportów
Technika wizualizacji usługi LuckyTemplates: korzystanie z ciemnego tła

Wniosek

To tylko trzy proste sposoby korzystania z tego selektora kodów szesnastkowych kolorów. To świetne narzędzie, którego możesz używać z raportami usługi LuckyTemplates . Jestem pewien, że wymyślisz wiele innych sposobów wykorzystania tego narzędzia.

Mam nadzieję, że jest to dla Ciebie pomocne. Sprawdź poniższe linki, aby uzyskać bardziej odpowiednie treści.

Dzięki!