Verlooppaletgenerator
Maak van twee tot vijf kleuren een vloeiend verlooppalet met 3 tot 20 gelijke stappen. Kies de kleurruimte waarin de stappen worden berekend, bekijk het verloop als balk en kopieer de stappen als HEX-lijst of het verloop als CSS linear-gradient(). Gratis, in je browser, en er wordt niets verstuurd.
Zo maak je een kleurverloop als palet
- 1Stel de kleuren van "Kleurstop 1" en "Kleurstop 2" in
- 2Gebruik "Kleurstop toevoegen" voor maximaal vijf kleuren
- 3Sleep "Stappen" naar het aantal kleuren dat je nodig hebt
- 4Kopieer de HEX-lijst of de CSS-regel
- Een gelijkmatige reeks kleuren van je eerste tot je laatste stop
Zo ontstaan de stappen
- Tot vijf kleurstops.Van blauw naar roze, of van donker via een felle middenkleur naar licht
- Stappen die gelijk ogen.Standaard gemengd in OKLab, zodat de middelste stappen helderder blijven dan in sRGB
- Er wordt niets verstuurd.De stappen worden door je browser op je eigen apparaat berekend
Wat je kunt doen
- Elke kleurstop typen als #hex, rgb(), hsl(), lab(), oklch(), CSS-kleurnaam of Tailwind-naam, of kiezen met de kleurkiezer
- Twee tot vijf kleurstops gebruiken, met "Kleurstop toevoegen" en "Laatste kleurstop verwijderen"
- Kiezen uit 3 tot 20 stappen. De eerste en de laatste stap zijn je buitenste kleurstops, en de stops liggen gelijk verdeeld
- Mengen in "OKLab (gelijke stappen voor het oog)", OKLCH, CIE Lab, "sRGB (zoals de meeste ontwerpprogramma's)" of "Lineair sRGB (zoals licht mengen)"
- Elke stap als HEX kopiëren, "Kopiëren als HEX-lijst", of de CSS-regel kopiëren, zoals linear-gradient(in oklab, #0ea5e9, #f43f5e)
Goed om te weten
- De tool opent met #0EA5E9 en #F43F5E. Met 7 stappen in OKLab is de middelste stap #AF84A6. In sRGB is dat #8172A4, grijzer en donkerder
- Een nieuwe kleurstop begint als wit. Verander hem in de kleur die je wilt
- Alleen de laatste kleurstop kan weg. Wil je een middelste kleur kwijt, verander de stops dan zo dat de kleuren opschuiven
- De CSS-regel gebruikt je kleurstops met de gekozen kleurruimte, dus de browser tekent hetzelfde verloop
Vragen
Hoe maak ik een verlooppalet uit twee kleuren?
Stel de twee kleurstops in, kies het aantal stappen en kopieer de uitkomst. De tool berekent de kleuren ertussen op gelijke afstand en toont ze als balk en als kleurvlakken.
Waarom ziet het midden van mijn verloop er grijs uit?
In sRGB wordt gemengd langs de rechte lijn tussen twee kleuren, en halverwege loopt die lijn vaak door grijs. OKLab, de standaard, houdt de middelste stappen helderder.
Kan ik het verloop in CSS gebruiken?
Ja. Kopieer de CSS-regel, een linear-gradient() met de kleurruimte erin. Voor een ontwerpprogramma kopieer je in plaats daarvan de HEX-lijst.
Worden mijn kleuren ergens naartoe gestuurd?
Nee. Het verloop wordt door je browser op je eigen apparaat berekend. Er gaat geen verzoek met je kleuren de deur uit.
Meer tools in Web en code
Deze pagina bestaat niet. Zoek hieronder of sleep een bestand hierheen om de tool te vinden die je nodig hebt.
Eén site voor elke bestandsklus. Wat is de jouwe?
Stop met hoppen tussen convertersites. Kies uit 410+ tools, of een recipe die er meerdere achter elkaar zet.
- Bestanden blijven op je apparaat
- Geen watermerk
- Werkt offline
Sleep een bestand hierheen
Een geplakt bestand werkt ook.
of zoek een tool
Open een app
Van ‘ugh, dit bestand’ naar klaar, in drie stappen.
- Sleep het erin, of kies een taak
Geen bestand? Zoek wat je nodig hebt. Bestanden worden op je eigen apparaat verwerkt, niet geüpload voor verwerking.
- Kies wat je wilt
Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.
- Maak er een recept van
Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.
Eén goedgekeurde gereedschapskist voor het hele team.
Op kantoor, op de bouwplaats of bij een bureau: teams werken de hele dag met vertrouwelijke bestanden. ToolRecipe geeft iedereen dezelfde tools en dezelfde recepten, en de bestanden worden verwerkt op ieders eigen computer.
- Bestanden worden verwerkt op het apparaat van de medewerker
- Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
- Eén plek in plaats van tien converteersites