Vytváření vlastních barevných palet

Chcete na webu provést rozsáhlé změny stylu? Vlastní barevné palety vám pomohou provádět barevné změny všech prvků webu najednou.

Barvy nemusíte vybírat a kombinovat, protože všechny palety byly upraveny profesionálním designérem. To pomáhá vytvořit konzistentní vzhled a udržet jednotnou, profesionální přítomnost na internetu.

Zde je, jak aplikovat vlastní barevné palety.

Změnit barvy pro celý web
Jak změnit výchozí barvy webu:

V hlavní nabídce klepněte na tlačítko Návrh.

Screen_Shot_2021-02-02_at_12.39.58.png

V nabídce Návrh klepněte na příkaz Barvy.
Vyberte jednu z existujících barevných palet a klikněte na ni. Klepněte na Uložit.
Nové barvy se budou aplikovat napříč webovými stránkami, včetně všech tlačítek, ikon a barev písma.

Tip: Vyzkoušejte různé barevné palety, abyste viděli, která z nich nejlépe funguje na vašem webu.

Vytvoření vlastní palety
Pokud chcete mít nad barvami svých stránek větší kontrolu, můžete si vytvořit vlastní paletu.

Chcete-li vytvořit novou vlastní paletu, klepněte v nabídce Barvy na tlačítko + .

yola_custom_color_palettes_2.png

Vlastní barvy můžete přiřadit k následujícím barevným sekcím webových stránek:

yola_custom_color_palettes_3.png

Světlá barva: Tato barva bude použita jako barva pozadí pro vaše světlé bloky
Tmavá barva: Tato barva bude použita jako barva pozadí pro vaše tmavě zbarvené bloky
Primární barva: Tato barva se objeví na tlačítkách a prvcích volajících k akci
Sekundární barva: Tato barva bude použita pro ikony, odkazy a překrytí pozadí.
Každá vlastní volba barvy má vedle svého štítku kruh zobrazující aktuální barvu.

Chcete-li některou z těchto barev změnit, klepněte na barevnou část. Vstoupíte do oblasti Nastavení barev.

Výběr barvy
Pomocí výběru barev vyberte pro web vlastní barvu.

Chcete-li vybrat novou barvu, klepněte na Kruh 1 a přesuňte ji kolem barevné oblasti, abyste vybrali odstín, který se vám líbí. Po umístění pevně klikněte na kruh 1 pro uložení barvy.

Chcete-li zvolit úplně jinou barvu, zvolte nejprve skupinu barev podle operačního kruhu 2 ve spodním posuvníku a poté zvolte odstín posunutím kruhu 1 v oblasti nahoře.

yola_custom_color_palettes_4.png

Jakmile vyberete barvu, klepněte na tlačítko Odeslat. Nová barva bude přiřazena k vlastní volbě barvy.

Zadání hodnoty barvy
Vyberte novou barvu zadáním hodnoty HEX, pokud ji již znáte.

Tip: Barevný HEX kód je způsob určení barvy pomocí hexadecimálních hodnot. Samotný kód je šestnáctkový trojúhelník, který představuje tři samostatné hodnoty určující úrovně barev komponent. Kód začíná znakem libry (#) a následuje šest šestnáctkových hodnot, například #AFD645. Zde můžete získat HEX barevné kódy.

Pole Hodnota přijímá některý z těchto formátů:

HEX: Příklad: #FFFFFF

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

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

HTML: Příklad:

Chcete-li změnit formát barvy, klikněte na písmena v jednotlivých polích pro zadání barvy:

yola_custom_color_palettes_5.gif

Chcete-li zadat barvu HTML, jednoduše klikněte na okno s čísly a zadejte název barvy:

yola_custom_color_palettes_6.gif

Název barvy se pro tuto barvu automaticky změní na hodnotu HEX.

Jakmile budete spokojeni s barvou, klikněte na tlačítko Odeslat a aplikujte ji na odpovídající vlastní volbu barvy.

Tip: Hodnotové pole se automaticky vyplní, když barvu vyhledáte pomocí výběru barvy. Tento kód můžete zkopírovat a vložit a přiřadit stejnou barvu jiným vlastním barvám.

Správa vlastních palet
Chcete-li upravit barvy v paletě, přejeďte po ní a klepněte na ikonu „gear“:

yola_custom_color_palettes_7.png

Chcete-li odstranit vlastní barevnou paletu, přejeďte nad ní a klikněte na ikonu „koš“:

yola_custom_color_palettes_8.png

Předem navržené palety barev v nabídce Barvy nelze odstranit, ale můžete si je libovolně upravit. Přejeďte nad paletou, kterou chcete upravit, a klikněte na ikonu „rychlost“.

Přizpůsobit paletu podle kroků výše.

Tip: Pro web můžete vytvořit několik vlastních palet. Budou automaticky očíslovány, takže je snadno najdete.

Sdílejte článek

Vstupte do světa domén

Každý správný web potřebuje doménu a kvalitní webhosting. Buďte online s námi.