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:
1. V hlavní nabídce klepněte na tlačítko Návrh.
2. V nabídce Návrh klepněte na příkaz Barvy.
3. Vyberte jednu z existujících barevných palet a klikněte na ni. Klepněte na Uložit.
4. Nové barvy se budou aplikovat napříč webovými stránkami, včetně všech tlačítek, ikon a barev písma.
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.
1. Chcete-li vytvořit novou vlastní paletu, klepněte v nabídce Barvy na tlačítko +.
2. 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.
3. 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
1. Pomocí výběru barev vyberte pro web vlastní barvu.
2. 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.
3. 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.
4. 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: #FF0000
Chcete-li změnit formát barvy, klepněte na písmena pod každým polem pro zadání barvy.
Chcete-li napsat barvu HTML, jednoduše klikněte do okna s číslami 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.
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 „ozubeného kola“.
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ůsobte paletu podle kroků výše.
Pro web můžete vytvořit několik vlastních palet. Budou automaticky očíslovány, takže je snadno najdete.