Favicon Chent Creative
Contact
PX naar REM Converter - Gratis Online Tool | Responsive Design Calculator

PX naar REM Converter

Converteer eenvoudig pixels (px) naar rem en vice versa. Deze tool detecteert automatisch de root font-size van je document en biedt handmatige instellingen voor maximale flexibiliteit. Perfect voor responsive webdesign en CSS ontwikkeling.

Converter Tool

Pixels (px)
REM
Root font-size: 16px

Instellingen

Uit (0.125 stap)

Referentietabel

Veelgebruikte conversies op basis van huidige root font-size (16px):

Pixels (px) REM Acties

Recente conversies

Nog geen conversies uitgevoerd

Veelgestelde vragen

Pixels (px) zijn absolute eenheden die een vaste grootte hebben, ongeacht de instellingen van de gebruiker. REM (root em) is een relatieve eenheid die gebaseerd is op de root font-size van het document (meestal het html-element). Als de root font-size 16px is, dan is 1rem gelijk aan 16px, 2rem is 32px, etc.

Het voordeel van rem is dat het meeschaalt wanneer gebruikers hun browser font-size aanpassen voor betere leesbaarheid, wat zorgt voor betere toegankelijkheid.

In de live detectie modus leest deze tool automatisch de computed font-size van het html-element. Dit betekent dat het de daadwerkelijke, berekende waarde in pixels gebruikt, ongeacht of je CSS gebruik maakt van percentages, rem, clamp() of media queries.

De tool herberekent automatisch bij window resize events, zodat conversies altijd actueel blijven als je root font-size verandert op verschillende breakpoints.

Gebruik handmatige modus wanneer je conversies wilt berekenen voor een specifiek design systeem of een andere website dan waar deze tool op draait. Bijvoorbeeld: je werkt aan een project met root font-size van 10px (62.5%), maar deze tool draait op een site met 16px.

De presets (10px, 16px, 18px, 20px) zijn veelvoorkomende waarden in moderne webdesign. 10px wordt vaak gebruikt met de 62.5% techniek voor gemakkelijkere berekeningen.

Schone rem waarden zijn afgerond op veelvouden van 0.125rem (1/8). Dit zorgt voor consistentie in je design systeem en voorkomt rare decimale waarden zoals 0.8125rem.

Bijvoorbeeld: 13px wordt normaal 0.8125rem bij root 16px, maar met schone rem aan wordt dit afgerond naar 0.875rem (14px) of 0.75rem (12px), afhankelijk van wat dichter bij zit.

Verschillen kunnen optreden door:

  • Verschillende root font-size: andere tools gebruiken misschien altijd 16px, terwijl jouw site een andere waarde heeft
  • Afrondingsverschillen: aantal decimalen en afrondingsmethode kunnen variëren
  • Browser zoom: deze tool gebruikt CSS pixels, niet device pixels
  • User preferences: als een gebruiker zijn browser font-size heeft aangepast, beïnvloedt dit de live detectie

Voor consistente resultaten kun je handmatige modus gebruiken met een vaste root waarde.

Over REM eenheden

REM staat voor "Root EM" en is een CSS eenheid die relatief is aan de font-size van het root element (html). In tegenstelling tot EM, dat relatief is aan de font-size van het parent element, blijft REM altijd consistent binnen je hele document.

Het gebruik van REM eenheden maakt je design toegankelijker omdat het meeschaalt met de voorkeuren van gebruikers. Dit is vooral belangrijk voor mensen met een visuele beperking die een grotere tekst nodig hebben.

Deze tool berekent conversies met hoge precisie en ondersteunt zowel komma als punt als decimaalteken. Alle voorkeuren worden lokaal opgeslagen in je browser.

Ook deze website maakt (nog) gebruik van cookies

Momenteel gebruikt Chent.nl nog cookies voor marketingdoeleinden. Door de website te gebruiken ga je akkoord met het gebruik van cookies. Lees meer hierover in de privacy policy.

Akkoord met privacy policy