paleta kolorów w Adobe Color

Paleta kolorów html czyli narzędzia do grafiki

Posted by

Paleta kolorów html lub rgb przyda się osobom, które chcą stworzyć własną grafikę na potrzeby strony, bloga, kanału na youtubie lub innych mediów społecznościowych. W tym wpisie pokażę w jaki sposób uzyskać kolory html lub kolory rgb w taki sposób aby posłużyły do stworzenia ciekawej i funkcjonalnej grafiki. Znajdziesz programy do pobierania kolorów ze stron internetowych a także dobierzesz palety do  zdjęć. Poznaj narzędzia i twórz!

kolory html vs kolory RGB

W zasadzie jest kilka sposobów podawania wartości kolorystycznej. Możemy deklarować kolor od razu w momencie pisania kodu i jest to rozwiązanie bardzo praktyczne gdy nie chcemy używać grafik na stronie po to by strona była lekka i szybko się wczytywała. Nie mniej jednak są sytuacje w których nie unikniemy stosowania grafik jpg czy png choćby w celach dla mediów społecznościowych.

Paleta kolorów html i RGB

Wartości matematyczne kolorów są dla nas mało czytelne ale z pomocą przychodzą narzędzia, które w tym pomogą.

Próbnik kolorów w przeglądarce

Mechanizm działania próbnika kolorów jest bardzo prosty. Klikamy na narzędzie a następnie myszą wskazujemy miejsce z którego chcemy pobrać kolor. W prosty sposób uzyskujemy kolor html w postaci HEX.

colorzilla – Jedno z ciekawych narzędzi, które warto zainstalować w przeglądarce Chrome jako program do pobierania kolorów ze stron internetowych. Wyobraź sobie, że znalazłeś się na stornie na której kolorystyka Ciebie urzekła i zaczynasz dochodzić do wniosku, że ten kolor, który tak bardzo ci się podoba warto wykorzystać do swojej palety kolorów html. Od teraz nic prostszego. Klikasz w colorzilla a następnie myszą najeżdżasz na kolor, klikasz i uzyskujesz kolor html.

Narzędzie do pobierania koloru html

Adobe Color – O ile colorzilla pomoże nam pobrać kolor html ze strony o tyle darmowe narzędzie Adobe pozwoli pobrać nam kolor ze zdjęcia i na jego podstawie poda nam paletę, która składa się z pięciu kolorów.

paleta kolorów w Adobe Color

Algorytm analizuje nasze zdjęcie i na tej podstawie zwróci pięć dominujących kolorów, które możesz wykorzystać jako paletę lub jako bazę do dalszych poszukiwań zestawień kolorystycznych.

Te dwa narzędzia już nam dają sporo możliwości przy tworzeniu palety kolorów. Dzięki Adobe Color możemy na podstawie wybranego koloru (kolor pobieramy dzięki colorzilla) skorzystać z koła kolorów i wybrać pasujące zestawienie np. triadę lub kolory uzupełniające dzięki czemu nasze zestawienie kolorystyczne będzie estetyczne i miłe dla oka.

Program do tworzenia grafik 

Ostatnim elementem zostaje omówienie tego gdzie możemy opracować banery i inne grafiki. Jednym z ciekawych programów jest aplikacja Pixlr online, która pozwala z poziomu przeglądarki utworzyć dowolną grafikę. Aplikacją tym bardziej dobrze jest się zainteresować, że jest bardzo podobna do photoshopa.

Zapraszam do obejrzenia filmu na youtube, który jest tutorialem o tym jak działa pixlr. Z filmu poznacie bliżej działanie dwóch wyżej wymienionych narzędzi a także podstawy zasad kompozycji, co sprawi, że wasze grafiki zyskają na wyższej jakości. 

Podsumowanie

Dowiedziałeś się w jaki sposób dobierać barwy i tworzyć kolory html i RGB, które wykorzystasz na swoich stronach internetowych oraz w mediach społecznościowych. 

Podziel sięShare on FacebookTweet about this on TwitterShare on Google+Pin on Pinterest
Email this to someone
  • Dzięki za polecenie ColorZilla. Na prawda jest świetne rozwiązanie. 😉

  • ewa ka

    Dzięks, lecę tera na youtuba 🙂

  • JackieDubb/Megi18845

    Dzięki, za podpowiedzi:):)