Online Tool Store
Kleurenmixer
Meng twee HEX-kleuren in elke verhouding met mengen in lineair licht voor een natuurlijk resultaat, met directe HEX- en RGB-uitvoer in je browser.
🔒 Deze tool werkt volledig in je browser. Je bestanden worden nooit naar een server geüpload.
Voorbeeld getoond — kies je eigen twee kleuren en verhouding.
Gegenereerd palet
Paletkleuren
Kleur A
Gemengd resultaat
Kleur B
Gemengde HEX
Gemengde RGB
Hoe de kleurenmixer werkt
- Kies of typ twee HEX-kleuren — Kleur A en Kleur B.
- Sleep de verhoudingsschuif naar de kleur die de mix moet domineren.
- Het gemengde staal, de HEX-code, de RGB-waarde en het gegenereerde stapsgewijze palet worden direct bijgewerkt terwijl je een kleur of de verhouding aanpast.
De methode
De rode, groene en blauwe kanalen van elke kleur worden omgezet van gamma-gecodeerd sRGB naar lineair licht, gemengd volgens de verhouding en daarna weer omgezet naar sRGB voor weergave. Mengen in lineaire ruimte voorkomt de verdonkerde, licht grijze look die je krijgt door sRGB-bytes rechtstreeks te middelen.
mixed = linearToSrgb(srgbToLinear(A) × (1 − t) + srgbToLinear(B) × t)
Voorbeeld: #2F6FED (blauw) en #FFD166 (goud) mengen op 50/50 geeft een warme, gebalanceerde middentoon in plaats van het vlakke grijsbruin van een naïef byte-gemiddelde. Kies 3, 5, 7 of 9 paletkleuren wanneer je een herbruikbaar bereik tussen de eindpunten nodig hebt.
FAQ
Waarom lijkt een 50/50-mix niet op een gewoon gemiddelde van de twee RGB-waarden?
Deze tool mengt kleuren in lineair licht in plaats van ruwe sRGB-bytes te middelen. sRGB-waarden zijn gamma-gecodeerd voor beeldschermen, dus een direct gemiddelde van twee bytes ziet er merkbaar donkerder en modderiger uit dan een echte op licht gebaseerde menging — eerst omzetten naar lineair licht, mengen en terugzetten geeft een natuurlijker resultaat.
Simuleert dit het fysiek mengen van verf?
Nee. Verf mengen is subtractief en hangt af van pigmentchemie, die sterk verschilt tussen verven. Deze tool mengt licht (additieve kleur), wat overeenkomt met wat je krijgt bij het mengen van kleuren op een scherm of in ontwerpsoftware, niet letterlijk verf.
Kan ik een HEX-code typen in plaats van de kleurkiezer te gebruiken?
Ja. Typ of plak een HEX-code van 6 tekens in een van de tekstvelden en het staal en de kiezer passen zich aan.
Wordt de mengverhouding bewaard als ik de pagina verlaat?
Nee. Alles wordt bij herladen gereset — de berekening draait volledig in je browser en er wordt niets verzonden of opgeslagen.
Kan ik het gemengde palet exporteren als CSS-variabelen?
Ja. Zodra een palet is gegenereerd, kun je het kopiëren of downloaden als CSS-custom-properties, klaar om in een stylesheet te plakken.
Hoeveel kleuren kan ik in het palet genereren?
Kies 3, 5, 7 of 9 gelijkmatig verdeelde stappen tussen je twee eindkleuren, allemaal gemengd in lineair licht op dezelfde manier als de hoofdmenging.
Hoe wij ons verhouden
| Functie | Online Tool Store | colorxs.com | Adobe Color |
|---|---|---|---|
| Instelbare mengverhouding, niet alleen 50/50 | ✓ | Vast middenpunt | ✓ |
| Geen aanmelding of account | ✓ | ✓ | Adobe-account |
| Draait volledig op je apparaat | ✓ | Niet vermeld | Niet vermeld |
Als je fijne controle wilt over de mengverhouding tussen twee kleuren met een direct, privé voorbeeld, houdt de Color Mixer van Online Tool Store alles op je apparaat.