CSS Gradiënt Generator
Maak lineaire of radiale gradiënten met tot 4 kleuren en kopieer de kant-en-klare CSS-code.
CSS-gradiënt online maken
Kies het type gradiënt
Selecteer lineair of radiaal, afhankelijk van het gewenste effect.
Voeg kleuren toe en pas ze aan
Voeg tot 4 kleuren toe, wijzig hun volgorde en pas de hoek of positie van het verloop aan.
Kopieer de CSS-code
Klik op de kopieerknop en plak de code rechtstreeks in je stijlblad.
Veelgestelde vragen over de gradientgenerator
Verlopen zijn een eenvoudige manier om diepte en stijl aan elk webontwerp toe te voegen. Deze tool genereert de exacte CSS-code die je nodig hebt, zonder deze handmatig te hoeven schrijven.
Welke soorten verlopen kan ik maken?
+
Je kunt lineaire verlopen (in elke hoek) en radiale verlopen maken.
Hoeveel kleuren kan ik gebruiken?
+
Je kunt tussen 2 en 4 kleuren in dezelfde verloop combineren.
Werkt de code in alle browsers?
+
Ja, het wordt gegenereerd met standaard CSS-syntaxis, compatible met alle moderne browsers.
Moet ik een programma installeren?
+
Nee, je hoeft niets te installeren. Het werkt rechtstreeks in je browser.
Is het gratis?
+
Ja, deze tool is volledig gratis.
Kan ik de gradiënt als achtergrondafbeelding gebruiken?
+
De gegenereerde code is zuivere CSS; als je een afbeelding nodig hebt, kun je een schermafbeelding van de preview maken.
Kleuren
Kleurconverter (HEX, RGB, HSL, CMYK)
Converteer elke kleur onmiddellijk tussen HEX, RGB, HSL en CMYK, met live preview en de dichtstbijzijnde kleurnaam.
Kleurenpaletgenerator
Maak harmonieuze paletten van 5 kleuren (complementair, analogisch, triadisch of monochromatisch) op basis van een basiskleur.
WCAG-contrastchecker
Controleer of de kleurcombinatie van tekst en achtergrond voldoet aan de toegankelijkheidsniveaus AA en AAA.
Willekeurige kleur
Genereer een willekeurige kleur met één klik en ontdek de naam, HEX/RGB/HSL-code en soortgelijke kleuren.
Kleurkiezer (pipet)
Kies elke kleur van je scherm met de browser-pipet tool, of gebruik de klassieke kleurkiezer.
Kleurenblindheid Simulator
Upload een afbeelding en zie hoe deze eruit ziet voor mensen met protanopie, deuteranopie of tritanopie.
Mesh Gradient Generator
Maak achtergronden met mesh-gradiënten (vervaagde kleurvlekken) en download ze als PNG of kopieer de CSS-code.
Generator voor Tinten en Schaduwen
Genereer automatisch de lichtste tinten en donkerste schaduwen van elke kleur, met de HEX-code.
Kleurenmixer
Meng twee kleuren en ontdek de tussenliggende tinten stap voor stap, met hun HEX-code.
Kleurenwiel (Harmonieën)
Kies een kleur op het wiel en ontdek de harmonieuze combinaties: complementair, analoog, triadisch en meer.
Kleurenpaletextractor van Afbeelding
Upload een afbeelding en extraheer automatisch de dominante kleuren in een palet, met de HEX-code van elke kleur.
Gemiddelde Kleur van een Afbeelding
Upload een afbeelding en bereken direct de gemiddelde kleur, met HEX-, RGB- en HSL-codes.
Verken kleuren per familie
Meer dan 469 benoemde kleuren, met hun HEX-, RGB-, HSL- en CMYK-codes, georganiseerd in 12 kleurengroepen.
