Barevný gradient je postupná směs dvou nebo více barev. Obvykle je přechod definován dvěma uživatelsky definovanými barvami a počítač automaticky vypočítá všechny barvy mezi nimi. Barevné přechody se mohou skládat ze dvou nebo více použitých barev. V CSS kódu pro webové stránky můžete definovat lineární a radiální přechody. Lineární barevný gradient míchá barvy do přímky a vede k progresivnímu přechodu barev z jednoho bodu do druhého. Radiální barevný gradient míchá barvy kruhovým způsobem a vede k přechodu barev, který vyzařuje z určitého bodu.
Obvykle designér ručně vybere dvě nebo více barev, aby vytvořil barevný gradient. To vyžaduje zkušenost s designem a dobré oko pro harmonii barev. Náš generátor barevných přechodů využívá algoritmy barevných přechodů našeho loga My Brand New Logo, které automaticky vytváří dobře vypadající a dobře vyvážené barevné přechody. Stačí vybrat jednu barvu a náš generátor gradientu na základě toho automaticky vygeneruje pěkně vypadající gradient. Za scénami se děje spousta barevných věd, ale buďte si jisti, že váš barevný gradient vždy vypadá dobře.
Náš generátor přechodu na pozadí CSS automaticky vytvoří barevný gradient na základě vybrané barvy. Máme různé styly přechodů. Světelný styl vytváří barevný gradient, který vypadá, jako by byl zvýrazněn světelným zdrojem. Perfektní přidat lesk k vašim barvám. Hluboký styl posouvá tento koncept o něco dále a dodává barevné odstíny více odstínů. Duhový styl je ideální pro světlejší barvy, aby vytvořil vzhled perleti. A intenzivní styl vytváří intenzivní, hluboký a bohatý barevný gradient.
Když vyberete barvu, můžete přetažením posuvníků upravit přechod. První posuvník řídí množství gradientu. Druhý posuvník řídí rotaci barevného přechodu. Můžete to použít k simulaci odkud světlo vychází. Třetí posuvník přepíná z lineárního do radiálního režimu.
Pokud jste s přechodem spokojeni, získejte kód CSS zkopírováním vygenerovaného barevného kódu přechodu CSS. Umístěte jej do svého vlastního kódu CSS a získejte ve stejném webovém designu přesně stejný gradient.
Pokud chcete vytvořit logo s barevným přechodem, připravili jsme pro vás několik pokynů:
Pomocí tohoto kódu CSS ve webovém projektu získáte barevný gradient: