Zet een HEX-kleur om naar HSL

Met HEX naar HSL kunnen ontwerpers en front-endontwikkelaars een interface vóór implementatie afstemmen. Zet een HEX-kleur om naar HSL.

Zet een HEX-kleur om naar HSL. Je kunt het gratis in je browser gebruiken zonder account en het resultaat controleren voordat je verdergaat.

Hoe te gebruiken

Voer een geldige hexadecimale kleurcode in het invoerveld in en gebruik het formaat dat de interface toont.
Voer de conversie uit om de bijbehorende HSL-componenten zonder verdere instellingen te verkrijgen.
Lees de waarden voor tint, verzadiging en helderheid en vergelijk ze met de oorspronkelijke kleur in uw ontwerp.
Kopieer de HSL-waarden naar uw stylesheet of ontwerptool en wis het veld als u uw scherm deelt.

Voorbeeld

Met de voorbeeldkleur zou HEX naar HSL een tint, verzadiging en helderheid moeten teruggeven die overeenkomen met de ingevoerde hexadecimale code. Let op tint en helderheid voordat u een palet of een knopstatus aanpast.

Invoer

#16A34A

Resultaat

hsl(142 76% 36%)

Limieten en formaten

HEX naar HSL zet een kleur om, maar controleert het contrast met tekst niet en beoordeelt de toegankelijkheid niet.
Het bouwt geen paletten, stelt geen varianten voor en herstelt geen ongeldige hexadecimale code.
De HSL-waarden zijn bedoeld om te kopiëren; controleer het exacte formaat voordat u ze in een framework of preprocessor gebruikt.

Waar de verwerking gebeurt

De conversie vindt lokaal in uw browser plaats. De kleurcode die u typt, wordt nergens naartoe verzonden en verlaat uw apparaat niet.

Veelgestelde vragen

Waarvoor worden HSL-waarden gebruikt?

HSL beschrijft een kleur via tint, verzadiging en helderheid. Deze componenten zijn praktisch voor het aanpassen van een palet, het maken van varianten of het uitleggen van een kleur in documentatie.

Kan ik meerdere kleuren tegelijk omzetten?

Nee, het hulpmiddel werkt met de waarde in het invoerveld. Om meerdere kleuren te vergelijken, voert u de conversie opnieuw uit met elke code na elkaar.

Wat als het resultaat verkeerd lijkt?

Controleer eerst of de hexadecimale code compleet en correct gespeld is. Een ongeldige of onvolledige waarde kan niet naar betrouwbare HSL-componenten worden omgezet.