CSS Gradient Generator
Vytvářejte lineární, radiální a kuželové přechody pomocí živého náhledu a CSS připravených ke kopírování. Upravte zarážky, úhly a tvary – poté je vložte do šablony stylů.
CSS Gradient Generator
LiveCSS output
background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);
Key capabilities
- Vytvářejte lineární, radiální a kuželové přechody pomocí živého náhledu a CSS připravených ke kopírování.
- Běží ve vašem prohlížeči
- Zdarma k použití
Jak používat
- Vyberte typ přechodu a úhel nebo polohu.
- Přidat nebo upravit barevné zarážky.
- Zkopírujte vygenerovaný CSS.
How this tool works
- Vyberte typ přechodu a úhel nebo polohu.
- Přidat nebo upravit barevné zarážky.
- Zkopírujte vygenerovaný CSS.
Recommended settings
- Nejprve použijte výchozí možnosti a v případě potřeby upravte
Supported formats
Text / on-page input
File size and limits
- Velmi složité vícevrstvé náhledy se mohou na starších telefonech zdát pomalejší.
Privacy
Generátory barev a CSS běží výhradně ve vašem prohlížeči. Náhledy a konverze nikdy nenahrávají vaše styly.
Common use cases
- Použijte CSS Gradient Generator, kdykoli potřebujete: Vytvářejte lineární, radiální a kuželové přechody s živým náhledem a CSS připravenými ke kopírování.
Troubleshooting
Náhled po vložení vypadá jinak
Zkontrolujte, zda na stránce nejsou konkurenční CSS (resety, zděděné barvy). Vygenerované pravidlo nejprve zkopírujte do izolované šablony stylů.
Časté dotazy
Nahrává to můj CSS?
Ne. Generátory a konvertory běží ve vašem prohlížeči s živým náhledem.
Potřebuji účet?
Ne. Otevřete nástroj, upravte ovládací prvky a zkopírujte CSS.
Související nástroje
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolHEX ↔ RGB ↔ HSL Converter
Convert colors between HEX, RGB, and HSL instantly with a live swatch.
Open tool