Kleurenmenger
Meng 2 of 3 kleuren in elke verhouding, zoals verf of licht, of laat twee kleuren in maximaal 10 stappen overlopen. Kopieer HEX, RGB, HSL of CMYK.
Kies 2 of 3 kleuren en stel in hoeveel van elke kleur erin gaat: de gemengde kleur wordt direct in je browser berekend. Klik op het resultaat of op een waarde om te kopiëren.
Kies twee kleuren en een stapgetal: elke tussenliggende tint wordt direct in je browser berekend.
Over Kleurenmenger
De Kleurenmenger laat zien welke kleur je krijgt als je twee of drie kleuren mengt. Kies je kleuren, stel in hoeveel van elke kleur in de mix gaat, en de resulterende kleur verschijnt direct met zijn HEX-, RGB-, HSL- en CMYK-waarden, samen met een receptbalk die het aandeel van elke kleur toont.
Drie mengmodellen beantwoorden verschillende vragen. Verf mengt zoals echte pigmenten, dus blauw en geel geven groen en een klein beetje zwart gaat al ver. Licht neemt het gemiddelde van kleuren zoals schermen en gekleurd licht ze mengen, dus rood en groen geven geel. Perceptueel neemt het gemiddelde in de OKLab-ruimte die CSS color-mix() gebruikt, voor vloeiende, gelijkmatige resultaten in UI- en ontwerpwerk.
Een tweede weergave, Blend-stappen, laat een beginkleur overlopen in een eindkleur via maximaal tien tussentinten, in RGB of HSL, met een gradiëntvoorbeeld en een kant-en-klare CSS-gradiënt om te plakken. Alles draait in je browser, zonder server.
Hoe gebruik je Kleurenmenger
- Open de weergave "Kleuren mengen" en kies twee kleuren, of voeg er een derde aan toe met "Kleur toevoegen".
- Stel de hoeveelheid van elke kleur in: het percentage ernaast toont het aandeel in de mix.
- Kies het mengmodel: Verf, Licht of Perceptueel.
- Klik op de gemengde kleur of een van de waarden om te kopiëren, of gebruik "Recept kopiëren" om de verhoudingen te bewaren.
- Ga naar "Blend-stappen" om een gradiënt van maximaal 10 tinten tussen twee kleuren te maken.