Gradientgenerator

Alla verktyg
Gradientgenerator
Bygg linjära, radiella och koniska CSS-gradienter från grunden med dragbara flerstoppskontroller och utvalda förinställningar. Kopiera klar CSS direkt.
Live-förhandsgranskning
Förinställningar
Gradienttyp
Vinkel
°
Färgstoppunkter
Dra ett handtag för att flytta en stoppunkt, eller klicka på fältet för att lägga till en. Välj en stoppunkt för att redigera dess färg.
Vald stoppunkt
%
CSS
background: —;

Allt beräknas live i din webbläsare — ingen registrering, helt gratis.

Dela
Relaterade verktyg
Gradientgenerator från bild

Extrahera en vacker gradient från vilket foto som helst — släpp en bild, välj ett stämningsläge och de dominerande färgerna blir dragbara gradientstoppunkter. Kopiera klar CSS direkt.
Färgpalettgenerator

Bygg harmoniska färgpaletter från ett interaktivt färghjul — tillämpa harmoniregler som analog, komplementär eller triad, kopiera sedan vilket värde som helst direkt.
Färgblandare

Blanda en startfärg till en slutfärg i upp till 10 steg — förhandsgranska gradienten, ta alla nyanser och kopiera vilket format som helst direkt.
Populära sökningar
gradientgenerator css gradientskapare linjär gradientgenerator radiell gradientskapare konisk gradient css gratis gradientgenerator

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.