CSS-gradiëntgenerator
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Laatst bijgewerkt: 2026 · Gratis online tool
Wat is CSS-gradiëntgenerator?
Gratis online visuele editor om CSS-gradiënten te maken en de code te kopiëren
Gebruiksaanwijzing
- 1 Type selecteren — Kies het gradiënttype (lineair, radiaal, conisch).
- 2 Kleurstops aanpassen — Pas de kleur en positie van elke kleurstop aan.
- 3 Voorbeeld — Controleer het resultaat in realtime in het voorbeeld.
- 4 CSS-code kopiëren — Kopieer de CSS-code naar het klembord met de knop 'Kopiëren'.
Gerelateerde tools
CSS box-shadow generator Gratis online visuele editor om CSS box-shadow te maken en de code te kopiëren
CSS border-radius generator Gratis online CSS border-radius editor met 8 bedieningspunten
Kleurcode Converter Gratis online tool om te converteren tussen HEX, RGB, HSL, OKLCH kleurcodes met WCAG-contrastberekening
Veelgestelde vragen
Er is geen limiet, maar 2–6 is gebruikelijk. Te veel kan de prestaties beïnvloeden.
Ja. Schakel het selectievakje 'Herhalen' in om het repeating-voorvoegsel toe te voegen.
Vijf presets worden aangeboden: Sunset, Ocean, Forest, Midnight en Rainbow.
Momenteel wordt alleen pure CSS uitgevoerd. Tailwind-conversie is gepland voor een toekomstige update.
Nee. Alle verwerking gebeurt in de browser.