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.
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 +.
Vlastní barvy můžete přiřadit k následujícím barevným sekcím webových stránek:
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.
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:
Chcete-li zadat barvu HTML, jednoduše klikněte na okno s čísly a zadejte název barvy:
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“:
Chcete-li odstranit vlastní barevnou paletu, přejeďte nad ní a klikněte na ikonu „koš“:
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.