Vytváranie vlastných farebných paliet

Chcete na svojom webe vykonať rozsiahle zmeny štýlu? Vlastné palety farieb vám pomôžu vykonať zmeny farieb pre všetky prvky vášho webu naraz.

Nemusíte vyberať a kombinovať farby, pretože všetky palety boli vybrané profesionálnym dizajnérom. To pomáha vytvárať jednotný vzhľad a udržiavať jednotnú a profesionálnu prítomnosť online.

Tu je postup, ako použiť vlastné palety farieb.

Zmeňte farby pre celý web
Zmena predvolených farieb vášho webu:

V hlavnej ponuke kliknite na položku Dizajn.

Screen_Shot_2021-02-02_at_12.39.58.png

V ponuke Dizajn kliknite na položku Farby.
Vyberte jednu z existujúcich paliet farieb a kliknite na ňu. Kliknite na tlačidlo Uložiť.
Nové farby budú platiť na celom webe vrátane všetkých tlačidiel, ikon a farieb písma.

Tip: Vyskúšajte rôzne palety farieb a zistite, ktorá z nich najlepšie vyhovuje vašim stránkam.

Vytvorenie vlastnej palety
Ak chcete mať väčšiu kontrolu nad farbami svojich stránok, môžete si vytvoriť svoju vlastnú paletu.

Ak chcete vytvoriť novú vlastnú paletu, kliknite na tlačidlo + v ponuke Farby.

yola_custom_color_palettes_2.png

Nasledujúcim farebným častiam webových stránok môžete priradiť vlastné farby:

yola_custom_color_palettes_3.png

Svetlá farba: Táto farba sa použije ako farba pozadia pre vaše svetlé bloky
Tmavá farba: Táto farba sa použije ako farba pozadia pre vaše tmavé bloky
Primárna farba: Táto farba sa objaví na tlačidlách a prvkoch výzvy na akciu
Sekundárna farba: Táto farba sa použije pre vaše ikony, odkazy a prekrytia pozadia.
Každá voľba vlastnej farby má vedľa svojho štítku kruh zobrazujúci aktuálnu farbu.

Ak chcete zmeniť niektorú z týchto farieb, kliknite na sekciu farieb. Vstúpite do oblasti nastavení farieb.

Výber farieb
Pomocou nástroja na výber farieb vyberte vlastnú farbu pre svoj web.

Ak chcete zvoliť novú farbu, kliknite na kruh 1 a pohybom po farebnej oblasti vyberte požadovaný odtieň. Po vyhľadaní pevne kliknite na kruh 1, aby sa uložila farba.

Ak chcete zvoliť úplne inú farbu, najskôr vyberte skupinu farieb pomocou operačného kruhu 2 v dolnom posúvači a potom vyberte odtieň posunutím kruhu 1 v oblasti vyššie.

yola_custom_color_palettes_4.png

Po výbere farby kliknite na tlačidlo Odoslať. Nová farba bude priradená možnosti vlastnej farby.

Zadanie hodnoty farby
Vyberte novú farbu zadaním hodnoty HEX, ak ju už poznáte.

Tip: Farebný hexadecimálny kód je spôsob určenia farby pomocou hexadecimálnych hodnôt. Samotný kód je hexadecimálny triplet, ktorý predstavuje tri samostatné hodnoty, ktoré určujú úrovne farieb komponentov. Kód začína znakom libry (#) a nasleduje za ním šesť hexadecimálnych hodnôt, napríklad # AFD645. HEX kódy farieb nájdete tu.

Pole hodnoty akceptuje ktorýkoľvek z týchto formátov:

HEX: Príklad: #FFFFFF

RGB: Príklad: rgba (255, 0, 149, 1)

HSL: Príklad: hsla (325, 100%, 50%, 1)

HTML: Príklad:

Ak chcete zmeniť formát farby, kliknite na písmená pod každým poľom na zadanie farby:

yola_custom_color_palettes_5.gif

Ak chcete napísať farbu HTML, jednoducho kliknite do okna s číslami a zadajte názov farby:

yola_custom_color_palettes_6.gif

Názov farby sa pre túto farbu automaticky zmení na HEX.

Ak ste s farbou spokojní, kliknite na tlačidlo Odoslať a použite ju na príslušnú možnosť vlastnej farby.

Tip: Pole hodnoty sa vyplní automaticky, keď pomocou vyhľadávača farieb nájdete farbu. Tento kód môžete skopírovať a vložiť, aby ste priradili rovnakú farbu k iným vlastným farbám.

Správa vlastných paliet
Ak chcete upraviť farby na palete, umiestnite na ňu kurzor a kliknite na ikonu ozubeného kolieska:

yola_custom_color_palettes_7.png

Ak chcete odstrániť vlastnú paletu farieb, umiestnite kurzor myši na paletu a kliknite na ikonu „koša“:

yola_custom_color_palettes_8.png

V ponuke Farby nemôžete odstrániť vopred navrhnuté palety farieb, môžete si však ktorúkoľvek z nich prispôsobiť. Umiestnite kurzor myši na paletu, ktorú chcete upraviť, a kliknite na ikonu ozubeného kolieska.

Podľa vyššie uvedených krokov si paletu prispôsobte.

Tip: Pre svoj web môžete vytvoriť niekoľko vlastných paliet. Budú očíslované automaticky, aby ste ich mohli ľahko nájsť.

Aktualizované 29. marca 2021

Bol tento článok nápomocný?

Súvisiace články

Pridajte komentár