Designverktyg
Integritet Först
Direktkopiera
Gratis online CSS-gradientgenerator
Skapa linjära gradienter direkt, anpassa vinklar och färger och kopiera produktionsklar CSS-kod.
Färgväljare och Format
Använd väljaren ovan och läs värdena nedan
Sparade färger
Palettgenerator
5
Kontrastkontroll (WCAG)
AA kräver 4,5:1 för normal text, AAA 7:1 och Large AA 3:1 för stor text.
Gradientgenerator
90 grader
Extrahera färger från bild
Ladda upp en bild och klicka på extrahera för att få dominerande färger.
Varför använda vår gratis online CSS Gradient Generator?
Skapa snabbt gradient
Generera linjära gradienter med startfärg, slutfärg och vinkelkontroller.
Live visuell förhandsvisning
Se gradientuppdateringar direkt när du justerar färger och riktning.
Produktions CSS-utgång
Kopiera färdig CSS-gradientkod direkt till din stilmall.
Vanliga Frågor
Är denna gradientgenerator gratis online?
Ja. Denna CSS-gradientgenerator är gratis online och tillgänglig utan registrering.
Kan jag kontrollera gradientvinkel och färger?
Ja. Du kan ställa in både gradientfärger och valfri vinkel från 0 till 360 grader.
Kan jag kopiera CSS-gradientkoden direkt?
Ja. Klicka på kopiera för att få den genererade CSS `bakgrundsraden` för omedelbar användning.