Mesh Gradient Generator
Maak achtergronden met mesh-gradiënten (vervaagde kleurvlekken) en download ze als PNG of kopieer de CSS-code.
Hoe u online een mesh gradient kunt maken
Kies de achtergrondkleur en voeg kleuren toe
Selecteer een basiskleur en voeg tot 6 kleurvlekken toe die met elkaar vermengd worden.
Willekeurig de posities wijzigen
Klik op de willekeurige knop om de kleurvlekken opnieuw in te stellen totdat u een combinatie vindt die u bevalt.
Download de PNG of kopieer de CSS
Download het resultaat als een klaar-voor-gebruik PNG-afbeelding, of kopieer de CSS-code om deze rechtstreeks op je website toe te passen.
Veelgestelde vragen over de mesh-gradiënt generator
Mesh-gradiënten (of mesh-vervagingen) zijn populair geworden als achtergrond voor webpagina's, apps en sociale netwerken dankzij hun vloeiende en abstracte uiterlijk. Deze tool genereert en downloadt ze rechtstreeks in je browser.
Wat is een mesh-gradiënt?
+
Het is een verloop bestaande uit meerdere vervaagde kleurvlekken die in elkaar overvloeien, in plaats van een eenvoudige lineaire of radiale overgang tussen twee kleuren.
Waarin verschilt het van de normale CSS-gradientgenerator?
+
De CSS-gradientgenerator creëert lineaire of radiale overgangen tussen 2 en 4 kleuren. Deze generator creëert een meer organisch effect met meerdere onafhankelijke kleurvlekken en stelt je bovendien in staat het resultaat direct als PNG-afbeelding te downloaden.
Hoeveel kleuren kan ik gebruiken?
+
Je kunt tussen 3 en 6 kleuren in dezelfde mesh-gradient combineren.
Kan ik het resultaat als afbeelding downloaden?
+
Ja, je kunt de mesh-gradiënt rechtstreeks in PNG-formaat downloaden, klaar om als achtergrond te gebruiken.
Is het gratis?
+
Ja, deze tool is volledig gratis.
Wordt mijn ontwerp naar een server geüpload?
+
Nee. Het hele proces, van generatie tot het downloaden van de PNG, vindt rechtstreeks in je browser plaats, zonder gegevens naar een server te uploaden.
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.
CSS Gradiënt Generator
Maak lineaire of radiale gradiënten met tot 4 kleuren en kopieer de kant-en-klare CSS-code.
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.
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.
