Kleurenmenger
Meng twee HEX-kleuren in een gekozen verhouding in de RGB- of Lab-kleurruimte en lees de resulterende tussenkleur terug als staal en kopieerbare HEX-waarde.
Kleurenmenger — Plak twee kleuren als HEX, stel met de verhoudingsschuif in hoeveel van kleur B wordt ingemengd en kies of je in gewone RGB of in de perceptuele Lab-ruimte mengt — het resultaat verschijnt direct als voorbeeldstaal en kopieerbare HEX-waarde. Er zijn geen presets om op te wachten en geen knop om in te drukken; de mix herberekent terwijl je typt of sleept. Alles draait volledig in je browser, dus je kleuren verlaten nooit je apparaat.
Wat is Kleurenmenger?
De Kleurenmenger is een gratis online tool die tussen twee kleuren interpoleert en je de tussenliggende kleur geeft. Je voert Kleur A en Kleur B in als HEX (zowel #rrggbb als de verkorte #rgb-vorm werken), verschuift de verhoudingsregelaar van 0% (volledig Kleur A) naar 100% (volledig Kleur B) en kiest de kleurruimte: RGB mengt de ruwe kanalen direct, terwijl Lab in een perceptuele ruimte mengt die het middelpunt meestal natuurlijker laat ogen en troebele grijstinten vermijdt. Ontwerpers, front-endontwikkelaars en illustratoren gebruiken het om een middentoon tussen twee merkkleuren te vinden, vloeiende tweekleurige verlopen te bouwen, tinten voor hover- of randstatussen af te leiden, of vooraf te bekijken hoe twee verven of verloopstops elkaar in het midden ontmoeten. Het resultaat wordt getoond als een groot staal boven een alleen-lezen HEX-veld dat je met één klik kunt kopiëren.
Kleurenmenger gebruiken
- Typ of plak je eerste kleur in het veld Kleur A (HEX) en je tweede in het veld Kleur B (HEX), in het formaat #rrggbb of #rgb.
- Sleep de Verhouding-schuif (of typ een getal) om in te stellen hoeveel van Kleur B wordt ingemengd: 0% geeft Kleur A, 100% geeft Kleur B, 50% is het exacte middelpunt.
- Kies de mengruimte met de RGB-/Lab-schakelaar — kies Lab voor een perceptueel gelijkmatigere mix, of RGB voor een letterlijk gemiddelde per kanaal.
- Bekijk hoe het voorbeeldstaal live wordt bijgewerkt en lees daaronder de HEX-waarde van de gemengde kleur af.
- Klik op de kopieerknop naast het resultaat om de gemengde HEX naar je klembord te kopiëren.
Voorbeelden
Gelijkmatig RGB-middelpunt van rood en blauw
Invoer
A #ff0000, B #0000ff, verhouding 50%, RGB
Uitvoer
#800080
Grotendeels richting wit
Invoer
A #4f86f7, B #ffffff, verhouding 75%, RGB
Uitvoer
#d3e1fd
Lab tegenover RGB bij twee verzadigde tinten
Meng #00a000 met #d000d0 op 50%. In RGB krijg je een doffe mengtoon, terwijl het overschakelen naar Lab een middelpunt oplevert dat beter overeenkomt met wat het oog tussen de twee tinten verwacht — handig voor tweekleurige verlopen die in het midden niet troebel mogen worden.
Veelgestelde vragen
- Wat is het verschil tussen de RGB- en Lab-opties?
- RGB mengt de rode, groene en blauwe kanalen onafhankelijk, wat snel is en exact overeenkomt met hoe CSS kleuren middelt, maar bij ver uiteenliggende tinten kan wegzakken in doffe grijstinten. Lab zet beide kleuren om naar de perceptuele CIELAB-ruimte, interpoleert daar en zet terug, waardoor het middelpunt meestal helderder blijft en dichter bij wat je oog verwacht. Beide leveren een #rrggbb-resultaat op.
- Wat betekent de verhoudingsregelaar?
- De verhouding is hoeveel van Kleur B in de mix zit. Bij 0% is het resultaat gelijk aan Kleur A, bij 100% gelijk aan Kleur B en bij 50% is het het exacte middelpunt daartussen. Je kunt de schuif slepen of een exact percentage typen.
- Welke kleurformaten kan ik invoeren?
- Beide invoervelden accepteren HEX in de vorm #rrggbb (zes cijfers) of #rgb (verkorte vorm van drie cijfers). Als een van de waarden geen geldige HEX-kleur is, verschijnt er een foutmelding en wordt er geen mix getoond totdat beide geldig zijn. De uitvoer is altijd een #rrggbb-HEX-waarde.
- Kan ik de gemengde kleur in een workspaceketen gebruiken?
- Ja. Het resultaat wordt als uitvoerpoort beschikbaar gesteld, dus in een deftdeck-workspace kun je de gemengde HEX rechtstreeks naar een andere tool leiden, en het wordt automatisch bijgewerkt zodra je een kleur, de verhouding of de kleurruimte wijzigt.
- Worden mijn kleuren ergens naartoe gestuurd?
- Nee. Alle mengberekeningen draaien lokaal in je browser, dus je kleurwaarden worden nooit naar een server geüpload. De tool werkt offline en houdt je palet privé.
Gerelateerde tools
Code naar afbeelding
Zet een codefragment in je browser om in een verzorgde PNG-kaart met syntaxisaccentuering, met een thema, verloop- of transparante achtergrond en opvulling — zonder uploaden.
Kleurcontrastcontrole
Controleer de WCAG-contrastverhouding tussen een voorgrond- en achtergrond-HEX-kleur en zie of deze AA en AAA haalt voor zowel normale als grote tekst.
Kleurtinten-generator
Zet één HEX-basiskleur om in een Tailwind-achtige tintenschaal van 50-950, gemengd naar wit en zwart, met per stap een staal en een kopieerbare HEX.
Kleurenblindheid-simulator
Upload een afbeelding en bekijk een voorbeeld van hoe deze eruitziet bij protanopie, deuteranopie, tritanopie of volledige kleurenblindheid, en download daarna het gesimuleerde resultaat.