PX naar REM Converter — Pixels naar Rem, Live & Privé

Converteer px direct naar rem met een aanpasbare root-lettergrootte. Standaard is 16px = 1rem. Live tweerichtingsconversie, klaar om te kopiëren, 100% in je browser.

Geen tracking Draait in je browser Gratis

Root-lettergrootte

Pixels (px)

Rem (rem)

Voorbeeld

De snelle bruine vos

Beoordeeld op nauwkeurigheid van de CSS rem-eenheid en toegankelijkheidsrichtlijnen — Go Tools Engineering Team · Jun 11, 2026

Snelle Referentie

Wat Is 16px in rem?

16px = 1rem (bij basis 16px) Bij de browserstandaard root-lettergrootte van 16px is 16px exact gelijk aan 1rem. Dit is het ankerpunt voor elke andere conversie: rem = px ÷ 16.

Wat Is de px naar rem Formule?

rem = px ÷ root-lettergrootte Deel de pixelwaarde door de root-lettergrootte. Bijvoorbeeld: 24px ÷ 16 = 1.5rem. Wijzig de basis in de tool als je project geen 16px gebruikt.

Wat Is de 62.5%-truc?

62.5% → 1rem = 10px Door html { font-size: 62.5% } in te stellen wordt de root 10px, dus 1rem = 10px en is de rem-rekenkunde gewoon "deel door 10". Zet de basis van deze tool op 10 om het te gebruiken.

Wat Is een PX naar REM Converter?

Een px-naar-rem-converter zet pixelmaten om naar rem-eenheden voor CSS. De rem-eenheid ("root em") is relatief ten opzichte van de lettergrootte van het root -element: 1rem is altijd gelijk aan de root-lettergrootte, die browsers standaard op 16px zetten. De conversie is een eenvoudige deling — rem = px ÷ root-lettergrootte — maar dit met de hand doen voor elke lettergrootte, marge en breekpunt in een stylesheet is omslachtig en foutgevoelig, en dat is precies wat deze tool wegneemt.

De reden om überhaupt te converteren is toegankelijkheid en schaalbaarheid. Wanneer een waarde in px is geschreven, is deze vergrendeld op een vaste grootte en negeert ze de lettergrootte-voorkeur van de browser van de gebruiker. Wanneer ze in rem is geschreven, schaalt ze proportioneel mee als de gebruiker de standaard lettergrootte vergroot — een cruciale tegemoetkoming voor mensen met slechtziendheid en een soepelere ervaring voor iedereen die inzoomt. Een ontwerpsysteem in rem uitdrukken betekent ook dat één wijziging van de root-lettergrootte de hele interface consistent herschaalt.

Deze converter houdt zowel het pixel- als het rem-veld realtime gekoppeld, zodat je in beide richtingen kunt werken, en — anders dan tools die een basis van 16px hard inbouwen — laat hij je elke root-lettergrootte instellen. Dat is belangrijk omdat een stylesheet die de 62.5%-techniek gebruikt (een root van 10px) anders converteert dan een standaardinstelling van 16px. Een live-voorbeeld toont de resulterende tekstgrootte, en een referentietabel toont de meest voorkomende px-waarden bij een basis van 16px voor snel opzoeken.

Nodig je de omgekeerde richting? Gebruik de rem naar px converter. Om de stylesheet zelf op te schonen, probeer de CSS-formatter, en voor kleurwerk zie de kleurconverter. Alles draait in je browser — je waarden verlaten je apparaat nooit.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

Belangrijkste Functies van Deze PX naar REM Converter

Eigen Root-lettergrootte

Converteer tegen elke basis, niet alleen 16px. Sluit aan op de 62.5%-techniek (10px) of de werkelijke root-lettergrootte van je project — de meeste tools bouwen 16 hard in.

Live Tweerichtingsconversie

De velden Pixels en rem blijven realtime gekoppeld. Pas één kant aan en de andere wordt direct bijgewerkt tegen je gekozen basis.

Ingebouwd Groottevoorbeeld

Een voorbeeldregel toont tekst op de resulterende rem-grootte zodat je de schaal ziet, niet alleen het getal.

Kopiëren met Eén Klik

Kopieer de px- of rem-waarde naar je klembord met een enkele klik, klaar om direct in je CSS te plakken.

Referentie-conversietabel

Een tabel met de meest voorkomende px-waarden en hun rem-equivalenten bij een basis van 16px voor snel opzoeken zonder typen.

100% Browsergebaseerd & Privé

Alle rekenwerk gebeurt lokaal in je browser. Geen serververzoeken, geen tracking, geen gegevensopslag — je waarden verlaten je apparaat nooit.

Voorbeelden van PX naar REM Conversie

Bodytekst — 16px naar rem

1rem

Bij de standaard root-lettergrootte van 16px is 16px exact gelijk aan 1rem. Dit is de basislijn waartegen elke andere conversie wordt gemeten: rem = px ÷ 16.

Kop — 24px naar rem

1.5rem

Een kop van 24px wordt 1.5rem (24 ÷ 16 = 1.5). Rem gebruiken betekent dat de kop automatisch meeschaalt als de gebruiker de standaard lettergrootte van de browser wijzigt.

Klein label — 12px naar rem

0.75rem

12px is 0.75rem bij een basis van 16px. Kleine lettertjes en onderschriften zijn veelvoorkomende kandidaten voor rem zodat ze de lettergrootte-voorkeuren van de lezer respecteren.

Witruimte — 8px naar rem

0.5rem

8px is gelijk aan 0.5rem. Veel ontwerpsystemen drukken padding en marges uit in rem zodat de witruimte mee schaalt met de tekst.

62.5%-truc — 10px basis, 18px naar rem

1.125rem

Als je de root-lettergrootte op 10px zet (de 62.5%-techniek), wordt 18px gelijk aan 1.8rem. Bij de standaardbasis van 16px is 18px 1.125rem. Converteer altijd tegen de basis die je project daadwerkelijk gebruikt.

Breekpunt — 768px naar rem

48rem

Een media-query-breekpunt van 768px is 48rem bij een basis van 16px. Op rem gebaseerde breekpunten zoomen voorspelbaarder wanneer gebruikers hun tekst schalen.

Hoe Veelvoorkomende px-waarden naar rem te Converteren

Snelle referentie voor de px-waarden die ontwikkelaars het vaakst naar rem converteren, bij de standaard root-lettergrootte van 16px.

Hoe 16px naar rem te Converteren

16 px → 1 rem

Deel 16 door de root-lettergrootte van 16px om 1rem te krijgen. 16px is de ankerwaarde — het is exact gelijk aan 1rem bij een standaardinstelling, en daarom het referentiepunt voor alle andere conversies.

16 px → 1 rem

Onthoud 16px = 1rem. Halveer vandaaruit voor 0.5rem (8px) en verdubbel voor 2rem (32px).