CSS-liukuvärigeneraattori

Luo kaksivärinen CSS-lineaarigradientti esikatselulla.

Grafiikka Tietoja ei tallenneta

Suurin syötön pituus kenttää kohti: 62 Unicode-koodipisteet. Katso käyttörajoitukset ohjeista.

Pikaopas

Kokeile sitä omilla tiedoillasi, kun olet valmis.

Kokeile esimerkkiä

Syötät

Aloitusväri (HEX)
#f00
Toinen väri (HEX)
#00f
Kulma (astetta)
90

Saat

linear-gradient(90deg, #FF0000, #0000FF)
Toiminta ja rajoitukset

Syötä peittävät heksavärit ja CSS-kulma välillä 0 ja 360 astetta. Käytä desimaalipistettä. Esimerkki: punainen, sininen ja 90 antaa lineaari-gradient(90deg, #FF0000, # 0000FF).

Kopioi tulos CSS- tausta-arvona. Selain ohjaa viimeistä liukuvärin renderöintiä.