Ga naar inhoud
WK-aftraptijdconverter is liveBekijk aftraptijden in jouw tijdzone en voeg agenda-herinneringen toe.
CrateX.app-logo

CrateX.app

CSS-eenhedenconverter

Converteer CSS-eenheden één-op-één tussen px, rem, em, %, vw, vh, vmin, vmax, pt, cm, mm, q, ex en ch lokaal met basislettergrootte, bovenliggende lettergrootte, viewport, DPI en procentuele referentie-instellingen.

Pixel
px
Tik op de pijl om eenheid te wisselen

Lengte-eenheden

Lettertype/typografie

Viewport-eenheden

Verhoudingen/procenten

Relatief t.o.v. root-lettergrootte
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 rem/em/%/vw/vh-context in wanneer nodig
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-basis (Parent Font Size): bepaalt de conversie tussen em en % wanneer de referentie de lettergrootte is. Geschikt voor lokale component‑schaal: door de parent-lettergrootte te wijzigen schaalt de hele component mee.
%-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.
DPI (dots per inch): voor fysieke eenheden pt/pc/in/cm/mm/q ↔ px. De standaard CSS-schatting is 96 DPI; aangepaste waarden zijn schattingen van afdrukken/apparaat en niet de uiteindelijke lay-outberekening van de browser.
Tips: 1) 16px en 96 DPI zijn gebruikelijke bases; 2) verifieer de lay-outpercentages door breekpunten te wisselen; 3) deze bedieningselementen helpen bij het schatten van de ontwerptijd en vervangen niet de uiteindelijke DOM/CSS-berekening van de browser.

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 gebaseerd op de parent-lettergrootte; de resultaten zijn geen inspectie van lettertypestatistieken en variëren per lettertype/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
Fysieke eenheden ↔ px gebruiken de geconfigureerde DPI-schatting; Voor print-/HiDPI-werk is nog steeds apparaat- of proefvalidatie vereist

Privacy & veiligheid

De verwerking gebeurt in de browser. Invoerwaarde, From/To-eenheden, per eenheid opgeslagen waarden, root-lettergrootte, parent-lettergrootte, viewport, DPI, percentageverwijzing 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 uit 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.

Bronnen

Gidsen

Over

Over ons
Prijzen

Juridisch

Servicevoorwaarden
Privacybeleid
Cookiebeleid

Voorkeuren

Cookies beheren

Alle verwerking van tools vindt lokaal plaats in je browser.