Kleuren Mengen
FreeMeng twee kleuren samen met een aanpasbare balans, met eenvoudig RGB, gammacorrect, of HSL-menging.
Mengverloop (0% tot 100%)
Recente Activiteit
Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.
#FF0000 + #0000FF → #800080
3 dagen geleden
#FF0000 + #0000FF → #800080
5 dagen geleden
#FF0000 + #0000FF → #800080
5 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
6 dagen geleden
#FF0000 + #0000FF → #800080
1 week geleden
Wat deze tool doet
Mengt twee kleuren samen en toont de resulterende kleur, met een aanpasbare balans ertussen en een keuze uit drie mengmethoden: eenvoudige RGB-middeling, gamma-correcte (lineair-licht) menging, of HSL-menging via tint en verzadiging.
Hoe Het Werkt
Elke kleur wordt eerst geconverteerd van hex naar rode, groene, en blauwe waarden (0-255). Eenvoudige RGB-modus interpoleert elk kanaal lineair direct: resultaat = kleur1 + (kleur2 - kleur1) × balans. Gamma-correcte modus converteert eerst elk kanaal van de sRGB-waarden die je scherm weergeeft naar lineair licht met de standaard sRGB-overdrachtsfunctie, interpoleert in die lineaire ruimte, en converteert dan terug, wat overeenkomt met hoe licht fysiek combineert en een kunstmatig donker middelpunt vermijdt. HSL-modus converteert beide kleuren naar tint/verzadiging/lichtheid, interpoleert de tint rond het kleurenwiel via het kortste hoekpad (zodat het correct wikkelt, bijv. het mengen van een tint nabij 350° met een nabij 10° gaat door 0° in plaats van de lange weg rond via 180°), interpoleert verzadiging en lichtheid normaal, en converteert het resultaat terug naar RGB.
Problemen die het oplost
- Een tussenliggende kleur vinden voor een verloop, themapalet, of ontwerpsysteem zonder handmatig hexwaarden te gokken.
- Vergelijken hoe dezelfde twee kleuren eruitzien wanneer gemengd met verschillende methoden, aangezien de "juiste" manier om kleuren te mengen afhangt van wat je maakt.
- Een volledig verloop tussen twee merk- of UI-kleuren in één oogopslag bekijken voordat je een stop kiest.
Veelgestelde vragen
›Welke mengmodus moet ik gebruiken?
Eenvoudig RGB is prima voor snelle, voorspelbare mengsels en komt overeen met wat de meeste basale tools doen. Gamma-correct is de betere keuze wanneer je een menging wilt die er fysiek natuurlijk uitziet, vooral tussen donkere en lichte kleuren, aangezien het het troebele, te donkere uiterlijk vermijdt dat eenvoudige RGB-middeling produceert. HSL is de moeite waard om te proberen wanneer je een resultaat wilt dat dichter bij het mengen van pigmenten of verf ligt, waar rood en groen leunen richting geel in plaats van een dof bruin.
›Waarom geeft zwart en wit mengen een donkerder grijs in "Eenvoudig RGB" dan in "Gammacorrect"?
Eenvoudig RGB middelt de ruwe 0-255-getallen direct, dus 50% zwart en wit geeft exact 127,5, een middengrijs. Gamma-correct converteert eerst beide kleuren naar lineair licht (het ongedaan maken van de sRGB-gammacurve die je scherm verwacht), middelt daar, en converteert dan terug, wat een merkbaar lichter resultaat produceert (rond 188) omdat gelijke stappen in opgeslagen kleurwaarden niet overeenkomen met gelijke stappen in waargenomen helderheid.
›Wat doet de "Balans"-schuifregelaar?
Het stelt de weging tussen de twee kleuren in: 0% is 100% de eerste kleur, 100% is 100% de tweede kleur, en 50% is een gelijke mix. Het verschuiven laat je elk punt langs de menging bekijken, niet alleen het middelpunt.
›Waarom produceert HSL-menging soms een verrassende kleur, zoals rood en blauw die via paars mengen maar rood en groen die via geel mengen?
HSL-menging interpoleert de tinthoek op een 360-graden kleurenwiel via het kortste pad tussen de twee tinten, in plaats van rode, groene, en blauwe waarden direct te middelen. Rood (0°) en groen (120°) liggen relatief dicht bij elkaar op dat wiel, met geel (60°) onderweg, daarom leunt de menging naar geel in plaats van een effen bruin te worden zoals eenvoudige RGB-middeling zou doen.
›Ondersteunt deze tool transparantie of alfawaarden?
Nee, het mengt twee volledig ondoorzichtige kleuren samen. Als je een halftransparante kleur over een andere moet leggen (alfacompositing), is dat een andere bewerking dan het mengen van twee effen kleuren en zou een speciale tool nodig zijn.
Gerelateerde Tools
Afbeelding
Kleuren Ophalen Afbeelding
Extraheer een dominant kleurenpalet uit een afbeelding met mediaan-cut-kwantisering, met kopiëren als hex of CSS-variabelen.
FreeAfbeelding
Filters Afbeelding
Pas Instagram-stijl fotofilters toe zoals Vintage, Lomo, of Sunrise, met intensiteit-, vignet-, en grijstinten-instellingen, direct in je browser.
FreeAfbeelding
Afbeeldingshistogram
Bekijk het Rode, Groene, Blauwe, of Luminantiehistogram van een foto, met een overlaymodus en Min/Max/Gemiddelde/Mediaan/StdAfw-statistieken, direct in je browser.
FreeAfbeelding
Willekeurige Bitmapgenerator
Genereer een willekeurig bitmappatroon van grijstinten- of gekleurde vierkanten, met een reproduceerbare seed en batch-ZIP-download, direct in je browser.
FreeAfbeelding
RGB-Kanalen Afbeelding
Splits een foto in zijn Rode, Groene, en Blauwe kanalen, in grijstinten of gekleurde vorm, voeg ze weer samen, en download als ZIP, direct in je browser.
FreeAfbeelding
SVG Converter Viewer
Converteer SVG naar PNG, JPEG, WEBP, BMP, ICO, of AVIF, of wikkel PNG/JPEG/WEBP/BMP/GIF/ICO in een geldige SVG, met automatische richtingdetectie, direct in je browser.
FreeAfbeelding
Postermaker
Splits elke afbeelding in printbare A4/Letter/A3-pagina's die je aan elkaar kunt plakken tot één grote poster, met aanpasbare overlap voor makkelijke uitlijning, volledig in je browser.
FreeAfbeelding
Favicon Generator
Upload een afbeelding en krijg een compleet favicon-pakket: favicon.ico, elk PNG-formaat dat browsers en apparaten verwachten, apple-touch-icon, Android-iconen, een site.webmanifest en de te plakken HTML, allemaal in één ZIP.
Opmerkingen (0)
Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.
Nog geen opmerkingen. Wees de eerste om je gedachten te delen!