CSS generátor

Vytvořte lineární, radiální a konické CSS gradienty ve vašem prohlížeči.

Zastavení barev

Použijte úchyty zastavení nebo klávesové šipky k úpravě pozic. Každé zastavení obsahuje explicitní barvu, průhlednost a procento.

Připraveno

Nativní lokální zpracování v prohlížeči

Váš gradient zůstává v tomto prohlížeči. Žádné barvy nebo generované CSS nejsou zaslány do Convertr.

Omezený import gramatiky

Import přijímá linear-gradient(), radial-gradient() nebo conic-gradient() s hexadecimálními barvami a procenty. Deklarace, URL, proměnné a neznámé funkce jsou lokálně zamítnuty.

Přístupný záložní režim

Generované CSS obsahuje pevnou záložní barvu pozadí vedle gradientu pro nepodporované renderery a přístupný ovládací prvek.

Často kladené otázky

Je můj gradient nahrán?

Ne. Stav gradientu, barvy, importované CSS a generované CSS zůstanou ve vašem prohlížeči.

Které typy CSS gradientů jsou podporovány?

Generátor vytváří linear-gradient(), radial-gradient() a conic-gradient() výstup s několika hexadecimálními zastaveními barev.

Co můžu importovat?

Import přijímá úmyslně omezenou gramatiku pomocí jedné podporované gradientní funkce, hexadecimálních barev, volitelných procent a omezených hodnot úhlu nebo polohy.

Související vývojářské a designové nástroje

Nástroje pro vývojářeProcházet nástroje prohlížeče Převodník barev CSSPřevod CSS barev SCSS kompilátorKompilovat úryvky Sass/SCSS online CSS MinifikátorKomprimujte kód CSS lokálně ve vašem prohlížeči. Výběr barvy z obrázkuBarvy vybírejte z obrázků lokálně.

CSS generátor

Vytvořte lineární nebo radiální CSS gradienty a zobrazte náhled barev, úhlu, polohy a opakování.

Vstup
Typ přechodu, barevné zarážky, pozice, úhel a nastavení opakování.
Výstup
Náhled a kopírovatelná deklarace CSS pozadí.
Skutečná omezení
Vykreslování prohlížeče se může mírně lišit podle enginu a nástroj nehodnotí kontrast ani nezaručuje podporu ve starších prohlížečích.
Soukromí a nakládání s daty
typ gradientu, barevné zastávky, pozice, úhel a nastavení opakování jsou zpracovány v této kartě prohlížeče. Convertr jej nepřijímá ani neukládá; zavření nebo obnovení stránky vymaže pracovní stav, pokud nástroj výslovně nenabízí místní stažení.

Jak tento nástroj používat

  1. Poskytněte typ gradientu, barevné zastávky, pozice, úhel a nastavení opakování v ovládacích prvcích nástroje.
  2. Vyberte nastavení, která ovlivňují živý náhled a kopírovatelnou deklaraci CSS pozadí, poté spusťte nástroj.
  3. Zkontrolujte živý náhled a kopírovatelné CSS prohlášení pozadí před jeho zkopírováním nebo stažením.

Běžné způsoby selhání

Chybějící barevný bod, neplatná barva nebo nekompatibilní poloha brání vytvoření platného CSS prohlášení.

Užitečný příklad

Vytvořte 90stupňový lineární přechod od #111827 na 0 % do #f59e0b na 100 % a zkopírujte deklaraci.