Zo maak je een kleurverloop palet
Kies de begin- en eindkleur, door de code te typen of met de kleurkiezer, en hoeveel tinten je ertussen wilt, van 3 tot 12. De tussenkleuren worden berekend in een kleurruimte die het menselijk zien nabootst (OKLab). Daardoor lijken de stappen tussen de tinten gelijk en ontstaan er in het midden geen vuile grijstinten.
Kleurverloop palet of vloeiend verloop
Deze tool geeft je losse kleuren, elk met een code, om één voor één te gebruiken: in een Tailwind-schaal, in grafieken, in een presentatie of in de secties van een website. Wil je een achtergrond die vloeiend van de ene kleur in de andere overgaat? Gebruik dan de CSS kleurverloop generator.
Veelgestelde vragen
Wat is een kleurverloop palet?
Een reeks kleuren die geleidelijk van de ene kleur naar de andere gaan. Bijvoorbeeld van roze naar hemelsblauw in 7 stappen. Elke kleur heeft een eigen HEX-code en is los te gebruiken.
Hoeveel kleuren kan het palet hebben?
Tussen 3 en 12. Met weinig kleuren vallen de sprongen meer op; met veel is de overgang vloeiender en heb je meer tinten om uit te kiezen.
In welke formaten kan ik het exporteren?
Als CSS-variabelen met het verloop kant-en-klaar, als lijst met HEX-codes, als Tailwind-configuratie, JSON, SVG of PNG-afbeelding. Je kunt het ook openen in de paletgenerator om verder te bewerken.
Waarom zien de tussentinten er niet grauw uit?
Omdat de menging wordt berekend in OKLab, een kleurruimte die is afgestemd op het menselijk zien. Een directe RGB-menging tussen tegengestelde kleuren, zoals roze en groen, gaat door doffe tinten; in OKLab is de overgang schoner en gelijkmatiger.
Kan ik mijn palet delen?
Ja. Het adres van de pagina bewaart beide kleuren en het aantal tinten, dus je kunt het kopiëren en versturen.
Wat is het verschil met de kleurverloop generator?
De kleurverloop generator maakt een doorlopende CSS-achtergrond. Deze tool geeft je de losse kleuren die tussen twee kleuren liggen, om één voor één te gebruiken.
Is het gratis?
Ja, zonder account en zonder limiet. Je kunt je favoriete kleurverlopen bewaren met het hartje; ze worden in deze browser opgeslagen.