Kleuren mengen
Meng twee kleuren online en krijg het mengsel als HEX, RGB, OKLCH en als kant-en-klare CSS-regel met color-mix(). Stel in hoeveel van elke kleur erin gaat en kies de kleurruimte waarin gemengd wordt. Je krijgt er negen stappen van de ene naar de andere kleur bij. Gratis, in je browser.
Zo meng je twee kleuren
- 1Typ of kies de "Eerste kleur" en de "Tweede kleur"
- 2Sleep "Aandeel van de tweede kleur" naar het mengsel dat je wilt
- 3Kies een kleurruimte bij "Mengen in"
- 4Kopieer de HEX-, RGB-, OKLCH- of CSS-waarde van het mengsel
- De gemengde kleur, met zijn waarden en negen stappen ertussen
Wat eruit komt
- Klaar voor CSS.Het mengsel komt ook als color-mix(in oklab, #2563eb 50%, #f59e0b), om in een stylesheet te plakken
- Vijf kleurruimtes.OKLab, OKLCH, CIE Lab, sRGB en lineair sRGB mengen elk anders, en je kunt ze vergelijken
- Er wordt niets verstuurd.De kleuren worden door je browser op je eigen apparaat gemengd
Wat je kunt doen
- Twee kleuren mengen, getypt als #hex, rgb(), hsl(), lab(), oklch(), CSS-kleurnaam of Tailwind-naam, of gekozen met de kleurkiezer
- Het aandeel van de tweede kleur instellen van 0 tot 100 %, standaard een gelijke 50 %
- Mengen in "OKLab (gelijke stappen voor het oog)", OKLCH, CIE Lab, "sRGB (zoals de meeste ontwerpprogramma's)" of "Lineair sRGB (zoals licht mengen)"
- Het mengsel kopiëren als HEX, RGB, OKLCH of als CSS-expressie met color-mix()
- Negen stappen van de eerste naar de tweede kleur zien, bij 0, 13, 25, 38, 50, 63, 75, 88 en 100 %, elk met een kopieerknop
Goed om te weten
- Dit is licht op een scherm, geen verf. Blauw en geel gemengd in sRGB geven grijs, #808080, geen groen
- De kleurruimte verandert de uitkomst. #2563EB en #F59E0B half om half geven #938EA4 in OKLab en #8D817B in sRGB
- Er wordt gemengd zoals CSS color-mix() het doet: in OKLCH neemt de tint de kortste weg over het kleurenwiel
- Steeds twee kleuren tegelijk. Voor een verloop door meer kleuren gebruik je de verlooppaletgenerator
Vragen
Hoe meng ik twee kleuren online?
Typ of kies beide kleuren, sleep het aandeel naar het mengsel dat je wilt en kopieer de uitkomst. Het mengsel verschijnt als HEX, RGB, OKLCH en als CSS-regel met color-mix().
Waarom geven blauw en geel geen groen?
Verf mengt door licht weg te nemen, een scherm door licht toe te voegen. Als licht gemengd in sRGB geven #0000FF en #FFFF00 grijs. In OKLab geven ze een lichtblauw, #6CABC7.
In welke kleurruimte kan ik het best mengen?
OKLab, de standaard, geeft stappen die voor het oog gelijk ogen. sRGB komt overeen met de meeste ontwerpprogramma's, en lineair sRGB gedraagt zich als twee lampen die samen schijnen.
Kan ik de uitkomst meteen in CSS gebruiken?
Ja. Kopieer de regel met color-mix() en de browser mengt op dezelfde manier, of kopieer de HEX-waarde als je een vaste kleur wilt.
Worden mijn kleuren ergens naartoe gestuurd?
Nee. Het mengen gebeurt in je browser op je eigen apparaat. Er gaat geen verzoek met je kleuren de deur uit.
Meer tools in Web en code
Deze pagina bestaat niet. Zoek hieronder of sleep een bestand hierheen om de tool te vinden die je nodig hebt.
Eén site voor elke bestandsklus. Wat is de jouwe?
Stop met hoppen tussen convertersites. Kies uit 410+ tools, of een recipe die er meerdere achter elkaar zet.
- Bestanden blijven op je apparaat
- Geen watermerk
- Werkt offline
Sleep een bestand hierheen
Een geplakt bestand werkt ook.
of zoek een tool
Open een app
Van ‘ugh, dit bestand’ naar klaar, in drie stappen.
- Sleep het erin, of kies een taak
Geen bestand? Zoek wat je nodig hebt. Bestanden worden op je eigen apparaat verwerkt, niet geüpload voor verwerking.
- Kies wat je wilt
Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.
- Maak er een recept van
Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.
Eén goedgekeurde gereedschapskist voor het hele team.
Op kantoor, op de bouwplaats of bij een bureau: teams werken de hele dag met vertrouwelijke bestanden. ToolRecipe geeft iedereen dezelfde tools en dezelfde recepten, en de bestanden worden verwerkt op ieders eigen computer.
- Bestanden worden verwerkt op het apparaat van de medewerker
- Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
- Eén plek in plaats van tien converteersites