Kleur lichter maken
Maak een kleur lichter door deze met wit te mengen. Voer een basiskleur en percentage in, krijg direct het resultaat. Eenvoudig en browser-lokaal.
Aan de slag
Wat doet deze tool?
Met deze online kleurhelderheidsaanpasser kun je een enkele kleur lichter maken door deze naar wit te mengen. Het is geen HSL-lichtheidstoename, maar een lineaire interpolatie per kleurkanaal.
Hoe werkt het?
Het algoritme neemt elke RGB-waarde en berekent: uitvoer = kanaal + (255 - kanaal) * percentage / 100. De resulterende waarden worden afgerond op gehele bytes.
Voorbeeld
Kies basiskleur #000000 (zwart) en stel het percentage in op 50%. De uitvoer is #808080. Bij 0% blijft de oorspronkelijke kleur behouden; bij 100% wordt het wit (#FFFFFF).
Instellingen en bediening
- Kleurpaneel met HEX-, RGB-, HSV- en HSL-velden en een kleurkiezer.
- Schuifregelaar voor het percentage (0-100).
- Actie om de kleur te genereren.
- Bewerkbaar resultaatpaneel.
- Wissen-knop om te resetten.
Beperkingen
De tool verwerkt slechts één kleur tegelijk, geen afbeeldingen. Het meet geen contrast voor toegankelijkheid en behoudt geen alfa-kanaal. Het garandeert geen bruikbaar tekst-/achtergrondpaar.
Veelgestelde vragen
1. Waarom is het resultaat niet exact wat ik verwacht bij een HSL-lichtheidstoename?
Omdat de tool een lineaire menging met wit gebruikt, geen HSL-lichtheid. Dit is een andere kleurbewerking die per RGB-kanaal werkt.
2. Wat gebeurt er als ik een percentage buiten 0-100 invoer?
Het percentage wordt geklemd tot het bereik 0-100. Niet-numerieke waarden worden afgewezen.
3. Kan ik het resultaat kopiëren?
Ja, de uitvoer bevat kleurwaarden die je kunt kopiëren voor gebruik in andere toepassingen.
Voor #3B82F6 bij 20% is het resultaat #629BF8. Opnieuw genereren gebruikt de basiskleur. Velden worden bij verlaten toegepast; ongeldige HEX keert terug naar de laatste geldige kleur. Alles kopiëren kopieert de samenvatting met oorspronkelijke kleur, percentage en huidige HEX, niet alle getalvelden. Selecteer een veld om de waarde te kopiëren. Geen bestanden of download. De schuifregelaar werkt in gehele stappen.
De verwerking gebeurt lokaal in je browser.