ToolHub
Tool openen

CSS Unit Converter

Converteer tussen CSS-eenheden: px, rem, em, pt, vw, vh, cm, mm, in en % met realtime resultaten

Format Converter

Over deze tool

Met de CSS Unit Converter kun je converteren tussen alle veelvoorkomende CSS-lengte-eenheden, waaronder px, rem, em, pt, vw, vh, cm, mm, in en %. Het bevat configureerbare basis-lettergrootte en viewport-afmetingen, realtime resultaten voor alle eenheden tegelijk, en een referentietabel met veelvoorkomende formaten voor snel opzoeken.

Belangrijkste functies

Snel voorbeeld

Toepassingen

css units converter

Veelgestelde vragen

Welke CSS-eenheden worden ondersteund?

De converter ondersteunt px, rem, em, pt, vw, vh, cm, mm, in en %. Je kunt tussen elke twee eenheden converteren en resultaten voor alle eenheden tegelijk zien in het alle-eenheden-raster.

Hoe werkt de rem- en em-conversie?

De rem- en em-conversie gebruikt een configureerbare basis-lettergrootte, die standaard op 16px staat. Je kunt deze waarde wijzigen om aan te sluiten bij de root-lettergrootte van je project. De em-eenheid wordt berekend relatief ten opzichte van dezelfde basis-lettergrootte.

Hoe worden viewport-eenheden berekend?

Viewport-eenheden (vw en vh) worden berekend op basis van configureerbare viewport-breedte en -hoogte, standaard respectievelijk 1920px en 1080px. Je kunt deze aanpassen aan je doelscherm-afmetingen.

Kan ik de conversieresultaten kopiëren?

Ja, je kunt op elke resultaatwaarde klikken om deze naar je klembord te kopiëren. Een toast-melding bevestigt de gekopieerde waarde. Dit werkt voor zowel het hoofdresultaat als individuele eenheidsresultaten in het alle-eenheden-raster.

Wat is de tabel met veelvoorkomende referenties?

De tabel met veelvoorkomende referenties toont standaard typografieformaten zoals bodytekst, kopteksten en weergaveformaten in px, rem en pt. Dit helpt je snel de juiste waarden te vinden voor veelvoorkomende ontwerppatronen zonder handmatige berekening.