CSS Kleurverloop Generator
Ontwerp lineaire, radiale en conische CSS-kleurverlopen met live voorbeeld en kopieer de code.
837 weergaven
CSS-kleurverlopen
Een kleurverloop is een vloeiende overgang tussen kleuren, geschreven als linear-gradient(hoek, kleur1, kleur2), radial-gradient(...) of conic-gradient(...). Kies het type, de hoek en tot drie kleuren — de voorbeeldweergave en de kopieerklare CSS worden direct bijgewerkt. Kleurverlopen worden door de browser gerenderd, dus ze kosten geen afbeeldingsdownload en blijven op elke grootte haarscherp.
Veelgestelde vragen
Wat betekent de hoek bij een lineair verloop?
0° wijst omhoog, 90° naar rechts, 180° naar beneden — de hoek is de richting waarin het verloop beweegt. 135° geeft de populaire diagonaal van linksboven naar rechtsonder.
Wanneer gebruik ik radial of conic?
Radial mengt van het midden naar buiten — goed voor spotlights en vignetten. Conic draait rond het midden zoals een kleurenwiel — goed voor taartdiagrammen en regenboogringen.
Vergelijkbare tools
Probleem melden
CSS Kleurverloop Generator