Jak zmienić kolory na stronie stosując Palety Kolorów

W kreatorze Najszybsza możesz jednym kliknięciem zmienić kolory na swojej stronie internetowej. Funkcjonalność Palet Kolorystycznych pozwoli ci szybko zmienić wygląd strony i przyspieszy projektowanie witryny w kreatorze.

Zobacz jak wygląda ta sama strona, dla której zmieniliśmy tylko paletę kolorystyczną. Po lewej stronie mamy witrynę z paletą o barwach ciepłych i mniej kontrastowych. Po prawej mamy paletę kolorów chłodnych na bazie barwy niebieskiej.

strony internetowe przykłady różnej kolorystyki<br>

W kreatorze przygotowaliśmy kilkadziesiąt gotowych do użycia Palet kolorów czyli zestawów kolorystycznych, które zawierają harmonijnie dobrane kolory. Możesz wybrać gotowy zestaw lub zmienić każdy kolor zgodnie ze swoimi preferencjami.

palety kolorystyczne dla stron<br>

Zanim zmienisz kolory na samodzielnie wybrane przeczytaj koniecznie nasz Poradnik Jak dobrać kolory na stronę internetową. Dajemy tam mnóstwo wskazówek czym kierować się przy wyborze kolorów, jak korzystać z koła kolorów i jak wybrać harmonijną kolorystykę.

Funkcjonalność paletek kolorystycznych dostępna jest w każdym planie, również darmowym.

Uwaga: Palety kolorów działają automatycznie dla wszystkich witryn utworzonych po 1 listopada 2023. Dla witryn utworzonych wcześniej kolory na stronie należy najpierw ustawić w inspektorze, a potem korzystać z paletek. Skontaktuj się z nami jeżeli potrzebujesz pomocy.

Jak zmienić kolory na stronie

1. Kliknij w ikonę Styli Globalnych w nawigacji Kreatora.

ikona styli w kreatorze<br>

2. Wybierz interesującą cię paletę kolorów.

wybierz palete kolorystyczna<br>

3. Dostosuj poszczególne kolory. Jeżeli chcesz to możesz oczywiście zmienić kolory w palecie. W okienku dostępny jest podgląd, który pomoże Ci odpowiednio zestawić kolory, zapewniając im dobry kontrast. Ważne jest aby kolor tekstu i kolor tła odpowiednio kontrastowały ze sobą co przyczyni się do czytelności strony. Paletę możesz zachować w schowku klikając "Zapisz w schowku" wtedy nie stracisz wybranych kolorów gdy zapragniesz eksperymentować z innymi.

4. Zapisz ustawienia. Po zapisaniu i zamknięciu okienka wybrane kolory będą zastosowane automatycznie w całej witrynie (na wszystkich podstronach).

Przykład zestawu kolorów w kolorystyce jasnej (jasne tło, ciemny tekst):

zmiana kolorów na stronie<br>

Jakie kolory możesz wybrać w palecie:

• Kolor główny - to kolor główny twojej marki lub kolor przewodni na stronie
  
• Kolor akcentu 1 - to kolor najczęściej stosowany dla elementów, które chcesz wyróżnić np. przycisków zachęcających do działania, ważnych nagłówków, przycisku "Dodaj do Koszyka" itp.
  
• Kolor akcentu 2 - to kolor uzupełniający akcent i kolor główny, używany rzadziej
• Kolor tła - to kolor tła strony, w jasnej kolorystyce najczęściej jest to kolor biały #ffffff lub złamany biały.
  
• Kolor neutralny 1 - w kolorystyce jasnej to najczęściej jasny kolor np. beżowy, szary, piaskowy o obniżonej saturacji, który wykorzystujemy do pudełek, formularzy, jasnego tła sekcji. Ten kolor tylko nieznacznie różni się od Koloru tła.
  
• Kolor neutralny 2 - w jasnej kolorystyce witryny to najczęściej ciemny kolor o obniżonej saturacji, który możemy wykorzystać do tła sekcji takich jak stopka.
• Kolor tekstu - podstawowy kolor wszystkich tekstów na stronie, powinien on być kontrastowy do koloru tła strony. Dla komfortu czytania tekstów nie zalecany jest wybór czystej czerni #000000, o wiele lepsze będą złamane czernie np. #111111, #161616, #222222.
  
• Kolor tekstu drugorzędny - kolor tekstu mniej ważnego, najczęściej jest to tekst w kolorze jaśniejszym niż bazowy Kolor tekstu, jednak nadal zachowujący kontrast z kolorem tła i kolorem neutralnym 1.
  
• Kolor tekstu odwrócony - to kolor tekstu, który możesz używać gdy sekcja ma ciemne tło np. w tekstach w stopce. Ten kolor powinien być kontrastowy do koloru neutralnego 2.
  

Kolorystyka na stronie jasna czy ciemna?

Przeczytaj koniecznie artykuł: Jasna czy ciemna strona internetowa?

Jeżeli tworzysz stronę w ciemnej kolorystyce ważne jest, aby dokładnie przemyśleć i zharmonizować kolory aby uzyskać ciemny tryb. Zmieniając kolor tła z jasnego na ciemny konieczne jest także dostosowanie koloru tekstu czyli zamiana go z ciemnego na jasny. Jeżeli zadbasz o odpowiednie kontrasty i kolory akcentu to z powodzeniem możesz tworzyć w kreatorze strony również w kolorystyce ciemnej.

Przykład zestawu kolorów w ciemnej kolorystyce:

zestaw kolorów dla ciemnej kolorystyki<br>

Jeżeli potrzebujesz pomocy w doborze kolorów na stronie podczas projektowania strony w Najszybszej skontaktuj się z nami!