Kleurconverter

Dit is een kleuromzetter voor web- en ontwerpwerk die een kleur vertaalt tussen de drie formaten die je het meest gebruikt: HEX, RGB en HSL, met een live staal zodat je precies ziet waar je mee werkt.

Dit is de alledaagse lijm tussen ontwerp en code: een merkkleur uit een mockup matchen met een CSS-variabele, een waarde die een ontwerper je in het ene formaat gaf omzetten naar het formaat dat je framework wil, of een iets lichtere tint vinden voor een hover-status.

Alles draait in je browser, dus het is direct en niets van wat je invoert wordt ergens naartoe gestuurd.

Elk formaat beschrijft dezelfde kleur anders. HEX (zoals #ff8800) is de compacte vorm die overal in CSS en HTML wordt gebruikt. RGB benoemt de rood-, groen- en blauwkanalen direct, wat de manier is waarop schermen en code zoals canvas over kleur denken. HSL beschrijft tint, verzadiging en helderheid, wat veel intuïtiever is als je een kleur wilt bijstellen: verander de tint om hem rond het wiel te verschuiven, of de helderheid om hem donkerder te maken zonder met de hand een nieuwe code te kiezen.

Voer een HEX-waarde in en de RGB- en HSL-equivalenten worden meteen bijgewerkt, zodat je het formaat kunt pakken dat de tool of codebase voor je verwacht.

Voorlopig richt de tool zich op ondoorzichtige kleuren in HEX, RGB en HSL; ondersteuning voor alpha (transparantie) is nog niet inbegrepen.