Generátor přechodů

Vytvoř lineární nebo radiální přechod z libovolných barev, nastav úhel a zkopíruj hotový CSS kód nebo si stáhni obrázek.

Barvy přechodu
Typ
Úhel 135°
klikni pro zkopírování

Co je barevný přechod?

Přechod (gradient) je plynulý přechod mezi dvěma nebo více barvami. Ve webdesignu se přechody často používají na pozadí, tlačítka a záhlaví, protože dodají hloubku a moderní vzhled s minimem kódu.

Lineární, nebo radiální přechod?

Lineární přechod mění barvu podél přímky; směr určuješ úhlem (0° míří nahoru, 90° doprava). Radiální přechod začíná ve středovém bodě a šíří se do kruhu. Tento generátor vytvoří oba typy a dá ti odpovídající CSS kód (linear-gradient nebo radial-gradient).

Jak ho použít v CSS

Zkopíruj kód a vlož ho do vlastnosti background svého prvku. Můžeš přidat více barev a každou z nich upravit. Pokud k tomu potřebuješ i ladící barevnou paletu, vyzkoušej generátor palet, nebo si před umístěním textu zkontroluj kontrast.