Ga naar inhoud
CrateX.app-logo

CrateX.app

CSS-eenhedenconverter

Converteer CSS-eenheden één-op-één tussen px, rem, em, %, vw, vh, vmin, vmax, pt, pc, in, cm, mm, q, ex en ch lokaal met instellingen voor root-lettergrootte, EM-referentielettergrootte, viewport en percentagereferentie. Absolute CSS-eenheden gebruiken de vaste verhouding 1in = 96px.

px
Tik op de pijl om eenheid te wisselen

Lengte-eenheden

Lettertype/typografie

Viewport-eenheden

Verhoudingen/procenten

rem
Tik op de pijl om eenheid te wisselen

Lengte-eenheden

Lettertype/typografie

Viewport-eenheden

Verhoudingen/procenten

CSS-eenhedenconverter

Snelstart

1
Voer een waarde in en kies de Van-eenheid
2
Kies de Naar-eenheid of gebruik Wisselen om om te keren
3
Stel root/EM-referentie/%/viewport zo nodig in; gebruik voor EM de werkelijke lettergrootte van de eigenschap.
4
Kopieer het omgerekende resultaat
5
Wissel viewport-presets voor vw/vh-controles

Veelvoorkomende scenario's

Gebruik

responsieve layouts, design‑naar‑dev overdracht, mapping tussen densiteiten/print, uniforme stijlafspraken.

Gebruiksadvies

Basisschrift instellen: 16px als root is gebruikelijk en maakt rem ↔ px in het hoofd eenvoudiger.
Voor tekst bij voorkeur rem gebruiken: ondersteunt globale schaal en toegankelijkheid; gebruik em voor lokale schaal in componenten.
Gebruik viewport-eenheden voor lay-outschattingen: combineer met breekpunten en min/max-beperkingen om extremen te voorkomen
Decimalen & afronding: houd een redelijke precisie om onleesbare waarden te vermijden.

Conversieparameters & context

REM-basis (Root Font Size): bepaalt de conversieverhouding tussen rem en px. Op het web is 16px als root gebruikelijk (1rem ≈ 16px); als je ontwerp een andere basis gebruikt, kun je de waarde tijdelijk aanpassen om rem‑waarden snel te schatten.
EM-referentielettergrootte: voer de lettergrootte in die daadwerkelijk door de eigenschap wordt gebruikt. em gebruikt doorgaans de berekende lettergrootte van het huidige element; gebruik voor font-size en vergelijkbare lettertype-relatieve eigenschappen de lettergrootte van het bovenliggende element. Deze referentie wordt ook gebruikt voor benaderingen van ex/ch en voor % wanneer Lettergrootte is geselecteerd.
%-referentie: kies 'lettergrootte / breedte / hoogte' als referentiemaat voor %. Voor layouts kies je meestal 'breedte/hoogte'; voor typografie (bijvoorbeeld line-height) 'lettergrootte'.
Breakpoint-presets: mobiel/tablet/desktop/groot scherm stellen viewportbreedte en -hoogte tegelijk in zodat je conversies bij verschillende schermbreedtes snel kunt nalopen. Alleen bedoeld voor schatting, niet als runtime media-query.
Viewport-afmetingen: gebruikt voor vw/vh/vmin/vmax en % wanneer de referentie breedte of hoogte is. Op echte apparaten beïnvloeden adresbalk, safe-area en scrollbar de effectieve waarde; kleine afwijkingen zijn normaal.
Tips: 1) 16px is een gebruikelijke root- en EM-referentie, maar gebruik de lettergrootte die daadwerkelijk door de eigenschap wordt gebruikt; 2) verifieer lay-outpercentages door tussen breakpoints te wisselen; 3) deze bedieningselementen ondersteunen schattingen tijdens het ontwerpen en vervangen niet de uiteindelijke DOM/CSS-berekening van de browser. Absolute eenheden gebruiken altijd 1in = 96px.

Beperkingen & compatibiliteit

% referentie hangt af van de eigenschap CSS, die het blok bevat, en de lay-outmodus; deze tool gebruikt de gekozen lettertypegrootte/viewportbreedte/viewporthoogtereferentie voor schatting, niet een live ouder-/containermeting
ex/ch zijn hier benaderingen op basis van de EM-referentielettergrootte; de resultaten zijn niet gebaseerd op inspectie van lettertypestatistieken en variëren per lettertype en browser.
Klassieke vw/vh/vmin/vmax variëren met schuifbalken/adresbalken/veilige gebieden; deze tool berekent geen dvh/svh/lvh-, vi/vb-, safe-area- of containerquery-eenheden
Conversies van absolute CSS-eenheden gebruiken de vaste verhouding 1in = 96px. Voor het relateren van fysieke schermpixels aan afdrukformaten is een afzonderlijke apparaat-/afdrukworkflow vereist; deze tool biedt die niet.

Privacy & veiligheid

De verwerking gebeurt in je browser. De invoerwaarde, Van/Naar-eenheden, per eenheid opgeslagen waarden, root-lettergrootte, EM-referentielettergrootte, viewport, percentagereferentie en breakpointkeuze kunnen in de huidige browsersessie of in browseropslag blijven staan. Als je een werkruimte opslaat of WebDAV-synchronisatie inschakelt, kunnen deze waarden volgens je synchronisatie-instellingen worden opgeslagen. Omgerekende resultaten worden opnieuw berekend op basis van de huidige waarde, eenheden en contextinstellingen en worden niet als afzonderlijke resultaten opgeslagen. Deze pagina haalt geen URL’s op en verzendt geen waarden voor server-side conversie. Wis op gedeelde apparaten zo nodig waarden, instellingen en sitegegevens.

Veelgestelde vragen

4

Ga verder met deze gerelateerde tools voor de volgende stap.

Over

Over ons
Prijzen

Juridisch

Servicevoorwaarden
Privacybeleid
Cookiebeleid

Voorkeuren

Cookies beheren

Alle verwerking van tools vindt lokaal plaats in je browser.