Kleurconverter

Converteer kleuren tussen HEX, RGB, HSL, HSV, CMYK en LAB — bewerk een veld en de rest verandert direct mee.

Pas een veld aan om de andere direct bij te werken, of kies een kleur met de kiezer.

Kies een kleur of typ een waarde in een willekeurig formaat.

Elke conversie wordt in je browser uitgevoerd. Niets van wat je invoert, wordt geüpload naar BroBroGo.

Veelgestelde vragen

Tussen welke kleurformaten kan ik converteren?

HEX, RGB, HSL, HSV, CMYK en LAB. Typ een waarde in een van deze velden en de andere vijf worden direct bijgewerkt, zodat je eenvoudig tussen alle formaten kunt converteren.

Is de CMYK-uitvoer geschikt voor professioneel drukwerk?

Zie dit als een nauwkeurige schatting voor het scherm. Echte CMYK-kleuren voor drukwerk hangen af van het papier, de inkt en het printerprofiel. Een drukkerij kan dus waarden gebruiken die hier iets van afwijken.

Waarom verandert een LAB- of CMYK-kleur soms licht na conversie?

LAB en CMYK kunnen kleuren beschrijven die een scherm niet kan tonen. Wanneer een waarde buiten het zichtbare RGB-bereik valt, wordt deze omgezet naar de dichtstbijzijnde toonbare kleur. Hierdoor kan de waarde bij het terugconverteren iets verschuiven.

Kleurkiezer van AfbeeldingKies elke gewenste pixel uit een afbeelding en lees direct de HEX-, RGB- en HSL-waarden af met een handig vergrootglas.Contrast CheckerVoer een tekst- en achtergrondkleur in om de WCAG-contrastverhouding te zien en te controleren welke AA- en AAA-niveaus worden behaald.Binair/Hex ConverterConverteer getallen tussen binair, hex, decimaal en octaal — of zet tekst om in bytes.Afbeeldingsformaat ConverterConverteer JPG-, PNG-, WebP-, HEIC- en AVIF-afbeeldingen direct in je browser.Afbeelding ComprimerenComprimeer afbeeldingen lokaal met slimme, doelgrootte- en geavanceerde instellingen.Beeldverhouding calculatorZet elke breedte × hoogte om in een strakke verhouding zoals 16:9, of kies een verhouding en bereken de ontbrekende zijde — ideaal voor video, foto's en schermen.Favicon GeneratorZet één PNG, JPG of SVG om in een favicon.ico en alle icoonformaten die je site nodig heeft, verpakt in een ZIP-bestand.Box Shadow GeneratorSleep schuifregelaars om een box-shadow te maken, stapel lagen voor extra diepte en kopieer direct de voltooide CSS.Gradient GeneratorOntwerp een lineair, radiaal of conisch verloop, voeg kleurstops toe, bepaal de richting en kopieer direct de CSS.Border Radius GeneratorRond elke hoek af met schuifregelaars, maak organische blobs met de elliptische modus en kopieer direct de CSS.Flexbox GeneratorStel een flex-container en de bijbehorende items in met visuele knoppen, zie de lay-out direct reageren en kopieer de CSS met één klik.CSS Beautifier & MinifierLijn rommelige CSS opnieuw uit om het te lezen, of minificeer het voor productie — met een veilige modus die de volgorde van je regels nooit verandert.px naar rem & em ConverterConverteer tussen px, rem en em met je eigen root- en context-lettergroottes — bewerk een veld en de andere twee veranderen direct mee tijdens het typen.