Kleurmixer
Meng twee kleuren en verken de volledige kleurovergang ertussen. Pas de verhouding aan voor de exacte mix.
Over deze tool
De Kleurenmixer mengt twee hex-kleuren in de RGB-ruimte en produceert een vloeiende mix bij elke verhouding tussen 0% en 100%. De verloopschaal toont 7 gelijkmatig verdeelde stappen tussen de twee kleuren.
RGB-menging is dezelfde bewerking die een browser uitvoert bij het samenstellen van kleuren — wiskundig exact en voorspelbaar. De gemengde kleur bij 50% is het werkelijke middelpunt tussen beide kleuren in de RGB-ruimte.
Hoe te gebruiken
- Kies twee kleuren met de kleurpickers of typ hex-codes direct in.
- Gebruik de voorinstellingsknoppen om klassieke kleurencombinaties te proberen.
- Sleep de verhoudingsschuifregelaar om de mix aan te passen. 0% geeft Kleur 1; 100% geeft Kleur 2.
- Klik op een kleurenstaal of de HEX kopiëren-knop om een kleur te kopiëren.
Gebruiksscenario's
UI-ontwerpers mengen een merkkleur met wit of zwart voor hover-, actieve en uitgeschakelde toestanden. Motion designers kiezen tussenliggende kleuren voor keyframe-animaties. Frontend-developers genereren verloopstops zonder grafische editor.
Veelgestelde vragen
- Is dit hetzelfde als CSS-verloop? — Ja. CSS linear-gradient mengt standaard ook in sRGB. De getoonde stappen komen exact overeen met de tussenpunten van een CSS-verloop.
- Waarom geeft rood + blauw geen paars? — In RGB geeft rood (#ff0000) en blauw (#0000ff) bij 50% #7f007f (donker magenta). Levendig paars vereist het mengen van rood met een blauw-violet zoals #8000ff.
- Kan ik meer verloopstappen krijgen? — De schaal toont altijd 7 stappen. Gebruik de verhoudingsschuifregelaar om een specifiek tussenpunt te bekijken.
- Ondersteunt dit alfa/transparantie? — Nee, dit hulpmiddel werkt alleen met effen hex-kleuren.