Pokročilý nástroj pro úpravu barev Pixpy vám umožňuje vylepšit vizuální atraktivitu vašich webových stránek aplikací plných barev, lineárních a radiálních přechodů na vaše sekce a text.
To vám poskytuje vysokou úroveň kreativní kontroly při navrhování pozadí, nadpisů a textu odstavců vašeho webu.
V tomto článku:
- Přístup k panelu barev
- Možnosti barevného typu
- Přechodové zastávky
- Posuvník otáčení
- Možnosti tvaru radiálního přechodu
- Výběr barev a zadávání hexadecimálního kódu
- Posuvník neprůhlednosti
- Kde můžete použít Možnosti barev
Přístup k panelu barev
- Najeďte kurzorem na sekci, kterou chcete upravit, a klikněte na Barevný styl (1) možnost.
- Zde uvidíte možnost změnit barvu pozadí, barvu textu nadpisu a barvu odstavcového textu.
- Klikněte na Vlastní barva (2) možnost vedle prvku, který chcete upravit.
- Nový otevře se vyskakovací okno odkud si můžete přizpůsobit barvu vybraného prvku.
Možnosti barevného typu
V horní části barevného panelu uvidíte tři možnosti:
- Pevný: Použít na vybranou oblast jednu jednotnou barvu. Toto je jednoduchá a čistá možnost pro uživatele, kteří chtějí konzistentní barevný blok.
- Lineární gradient: Vytvoří postupný přechod mezi dvěma nebo více barvami podél přímky. Směr tohoto přechodu můžete ovládat pomocí posuvníku pro otáčení.
- Radiální gradient: Vytváří kruhový barevný přechod vyzařující z centrálního bodu. To je ideální pro efekty ve stylu bodového světla nebo pro upoutání pozornosti na určitou oblast.
Přechodové zastávky
Když vyberete buď Lineární or radiální gradient, zobrazí se vodorovný barevný pruh, kde můžete spravovat zarážky přechodu:
- Každý zastavení přechodu (znázorněno ikonou kapky) označuje barevný bod v přechodu.
- Kliknutím na zastávku změníte její barvu pomocí nástroje pro výběr barvy nebo zadáním hexadecimálního kódu.
- Můžeš přidat více zastávek pro vytvoření plynulých vícebarevných přechodů.
- Klepněte na tlačítko malá ikona „x“ pod dorazem, abyste jej odstranili.
Posuvník otáčení (pouze lineární přechod)
U lineárních přechodů použijte posuvník otáčení ke změně úhlu přechodu. To vám umožní otočit směr barvy z horizontálního (0°) na vertikální (90°) nebo libovolný vlastní úhel až o 360°.
- Náhled přechodu se bude při pohybu posuvníku upravovat v reálném čase.
- Aktuální úhel se zobrazuje v číselném poli vedle posuvníku (např. 270°).
Možnosti tvaru radiálního přechodu
Když vyberete radiální gradient (1) se pod náhledem přechodu zobrazí dvě možnosti tvaru:
- Elipsa: Vytváří protáhlý radiální gradient s horizontálním nebo vertikálním roztažením. To je užitečné pro širší pokrytí gradientem nebo asymetrické návrhy.
- Kruh: Tím se vytvoří dokonale kulatý gradient vyzařující ze středu (nebo vybraného ohniska). Ideální pro pozadí ve stylu bodového světla nebo k upoutání pozornosti na centrální prvek.
Výběr barev a zadávání hexadecimálního kódu
Ať už pracujete s plnou barvou nebo s jednotlivými zarážkami přechodu:
- Použití výběr barvy vizuálně vybrat barvu.
- Nebo zadejte hexadecimální kód barvy ručně (např. #c14dff) pro přesné ovládání barev.
Pokud používáte přechod, výběr zarážky vám umožní definovat její konkrétní barvu pomocí tohoto nástroje.
Posuvník neprůhlednosti
Ve spodní části panelu najdete posuvník pro ovládání neprůhlednosti:
- Nastavte úroveň průhlednosti vybrané barvy nebo zarážky přechodu.
- Hodnota 1 znamená plně neprůhlednou, zatímco 0 je plně průhledná.
To je užitečné pro vytváření vrstvených vizuálních efektů nebo překrytí měkkého pozadí.
Kde můžete tyto barevné možnosti použít
Tyto pokročilé nástroje pro práci s barvami jsou k dispozici v následujících oblastech:
- Pozadí sekce
- Nadpis textu
- Text odstavce
Každá oblast má svou vlastní kartu s barvami, takže můžete stylovat různé komponenty nezávisle pro větší vizuální flexibilitu.