Skip to content

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

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

Geen tracking Draait in je browser Gratis
px
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 1rem in px?

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

Wat Is de rem naar px Formule?

px = rem × root-lettergrootte Vermenigvuldig de rem-waarde met de root-lettergrootte. Bijvoorbeeld: 1.5rem × 16 = 24px. 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 rem-naar-px gewoon "vermenigvuldig met 10". Zet de basis van deze tool op 10 om het te gebruiken.

Wat Is een REM naar PX Converter?

Een rem-naar-px-converter zet rem-eenheden om naar pixelmaten. 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 vermenigvuldiging — px = rem × root-lettergrootte — maar dit voor elke waarde controleren tijdens het lezen of debuggen van een stylesheet is repetitief, en dat is precies wat deze tool wegneemt.

Ontwikkelaars maken CSS doorgaans op in rem voor toegankelijkheid en schaalbaarheid: waarden die in rem zijn geschreven schalen mee met de lettergrootte-voorkeur van de browser van de gebruiker, terwijl px-waarden vast blijven. Maar er zijn veel momenten waarop je de pixelwaarde nodig hebt — het matchen van een ontwerpmockup, het overdragen van groottes aan een ontwerper die in pixels werkt, het instellen van een eigenschap die alleen px accepteert, of het debuggen waarom een element op een bepaalde grootte wordt weergegeven. Dat is precies wanneer rem terugconverteren naar px is wat je wilt.

Deze converter houdt het rem- en pixelveld 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) rem op andere pixelwaarden laat uitkomen dan een standaardinstelling van 16px. Een live-voorbeeld toont de resulterende tekstgrootte, en een referentietabel toont veelvoorkomende rem-waarden bij een basis van 16px voor snel opzoeken.

Nodig je de andere richting? Gebruik de px naar rem 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 */
/* px = rem × root-font-size (16px by default) */

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

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

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

Belangrijkste Functies van Deze REM naar PX 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 Rem en pixels 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 ingevoerde rem-grootte zodat je de schaal ziet, niet alleen het getal.

Kopiëren met Eén Klik

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

Referentie-conversietabel

Een tabel met veelvoorkomende rem-waarden en hun pixel-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 REM naar PX Conversie

Bodytekst — 1rem naar px

1
16px

Bij de standaard root-lettergrootte van 16px is 1rem exact gelijk aan 16px. Dit is de basislijn voor elke andere conversie: px = rem × 16.

Kop — 1.5rem naar px

1.5
24px

1.5rem komt uit op 24px (1.5 × 16). Koppen worden vaak in rem opgemaakt zodat ze meeschalen met de lettergrootte-voorkeur van de gebruiker maar toch op bekende pixelgroottes uitkomen.

Klein label — 0.75rem naar px

0.75
12px

0.75rem is 12px bij een basis van 16px. De pixelwaarde controleren helpt te bevestigen dat kleine lettertjes leesbaar blijven.

Witruimte — 0.5rem naar px

0.5
8px

0.5rem is gelijk aan 8px. Ontwerpsystemen drukken padding en marges vaak uit in rem; terugconverteren naar px is handig voor pixelnauwkeurige beoordeling.

Grote kop — 2rem naar px

2
32px

2rem is exact het dubbele van de basis, 32px. Schone veelvouden zoals deze komen vaak voor bij prominente koppen.

Breekpunt — 48rem naar px

48
768px

Een media-query-breekpunt van 48rem komt uit op 768px bij een basis van 16px — een bekende tabletbreedte-drempel uitgedrukt in schaalbare eenheden.

Hoe Veelvoorkomende rem-waarden naar px te Converteren

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

Hoe 1rem naar px te Converteren

1 rem → 16 px

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

1 rem → 16 px

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

Probeer het hierboven — voer je rem-waarde in en zie de pixels direct.

Hoe 1.5rem naar px te Converteren

1.5 rem → 24 px

Vermenigvuldig 1.5 met 16 om 24px te krijgen. 1.5rem is een veelvoorkomende kop- en grote-knopgrootte, dus 24px komt vaak voor in ontwerpsystemen.

1.5 rem → 24 px

1.5rem = 24px. Een nette kopgrootte die exact 1.5× de basis is.

Probeer het hierboven — voer je rem-waarde in en zie de pixels direct.

Hoe 0.75rem naar px te Converteren

0.75 rem → 12 px

Vermenigvuldig 0.75 met 16 om 12px te krijgen. 0.75rem is een veelvoorkomende grootte voor onderschriften, labels en kleine lettertjes.

0.75 rem → 12 px

0.75rem = 12px (drie kwart van de basis). Handig voor secundaire tekst.

Probeer het hierboven — voer je rem-waarde in en zie de pixels direct.

Hoe 0.875rem naar px te Converteren

0.875 rem → 14 px

Vermenigvuldig 0.875 met 16 om 14px te krijgen. 0.875rem is een zeer veelvoorkomende body- en UI-tekstgrootte in componentbibliotheken.

0.875 rem → 14 px

0.875rem = 14px, de standaard tekstgrootte in veel UI-frameworks.

Probeer het hierboven — voer je rem-waarde in en zie de pixels direct.

Hoe 2rem naar px te Converteren

2 rem → 32 px

Vermenigvuldig 2 met 16 om 32px te krijgen. 2rem is een veelvoorkomende grote-kop- en sectiewitruimtewaarde, die netjes 32px wordt.

2 rem → 32 px

2rem = 32px, exact het dubbele van de basis — makkelijk te onthouden voor grote koppen en witruimte.

Probeer het hierboven — voer je rem-waarde in en zie de pixels direct.

Hoe 0.5rem naar px te Converteren

0.5 rem → 8 px

Vermenigvuldig 0.5 met 16 om 8px te krijgen. 0.5rem is een veelvoorkomende witruimte-eenheid voor padding, marges en gaps.

0.5 rem → 8 px

0.5rem = 8px, de helft van de basis — een veelvoorkomende kleine-witruimte-eenheid.

Probeer het hierboven — voer je rem-waarde in en zie de pixels direct.

REM naar PX Conversietabel

Vooraf berekende rem-naar-px-waarden bij de standaard root-lettergrootte van 16px. Voeg deze pagina toe aan je favorieten voor snel opzoeken.

Rem naar Pixels (basis 16px)

Rem-naar-pixels-conversietabel bij een root-lettergrootte van 16px
REM PX
0.25 4
0.5 8
0.75 12
1 16
1.25 20
1.5 24
1.75 28
2 32
2.25 36
2.5 40
2.75 44
3 48

Grotere Rem-waarden naar px

Grotere rem-waarden naar pixels bij een root-lettergrootte van 16px
REM PX
3.5 56
4 64
4.5 72
5 80
5.5 88
6 96
6.5 104
7 112
7.5 120
8 128

Hoe Gebruik Je de REM naar PX Converter

  1. 1

    Voer een rem-waarde in

    Typ of plak een getal in het Rem-veld. De overeenkomstige pixels verschijnen direct — geen converteerknop nodig.

  2. 2

    Stel de root-lettergrootte in (optioneel)

    De basis staat standaard op 16px. Wijzig deze om aan te sluiten op je project — bijvoorbeeld 10px voor de 62.5%-techniek — en elk resultaat wordt bijgewerkt tegen de nieuwe basis.

  3. 3

    Lees het pixelresultaat en voorbeeld

    Het veld Pixels toont de geconverteerde waarde, de voorbeeldregel toont tekst op die grootte, en de formule bevestigt de huidige verhouding (bijv. 1rem = 16px).

  4. 4

    Kopieer de waarde

    Klik op het kopieericoon naast een veld om de rem- of px-waarde naar je klembord te kopiëren, klaar om te plakken waar je het nodig hebt.

Gebruiksscenario's voor REM naar PX Conversie

Een Pixelmockup Matchen
Controleer waar rem-waarden in je CSS op uitkomen in pixels zodat ze aansluiten op de op px gebaseerde mockup van een ontwerper.
Ontwerpoverdracht
Vertaal een op rem gebaseerd ontwerpsysteem terug naar px bij het communiceren van groottes naar ontwerpers of belanghebbenden die in pixels denken.
Layout en Typografie Debuggen
Reken rem-lettergroottes, witruimte en breekpunten snel om naar pixels tijdens het diagnosticeren waarom iets op een bepaalde grootte wordt weergegeven.
De 62.5%-techniek Verifiëren
Converteer rem naar px tegen een root-lettergrootte van 10px om waarden te bevestigen bij gebruik van html { font-size: 62.5% }.
Eigenschappen Instellen die Alleen px Accepteren
Verkrijg de exacte pixelwaarde voor een eigenschap of tool die pixels verwacht in plaats van rem.
Componentbibliotheken Beoordelen
Bekijk de pixelgroottes achter een op rem gebaseerde componentbibliotheek om witruimte- en typografieschalen te auditen.

Technische Details

De rem-eenheid
rem is relatief ten opzichte van de root -lettergrootte. 1rem is gelijk aan die lettergrootte in pixels — standaard 16px — dus px = rem × root-lettergrootte.
Dubbele-precisierekenkunde
Conversies gebruiken IEEE 754 dubbele-precisie zwevende komma, afgerond op maximaal vijf decimalen met achterliggende nullen weggesneden voor schone waarden.
Client-side Verwerking
Alle conversielogica draait in JavaScript binnen je browser. Er worden geen netwerkoproepen gedaan — de tool werkt volledig offline zodra hij is geladen.

Best Practices voor het Gebruik van rem en px

Converteer Tegen Je Echte Basis
Gebruik altijd de root-lettergrootte die je stylesheet daadwerkelijk instelt. Een basis van 10px (62.5%-techniek) laat rem op andere pixels uitkomen dan de standaard van 16px.
Maak op in rem, Verifieer in px
Houd je CSS in rem voor toegankelijkheid en gebruik de pixelwaarde voor beoordeling, overdracht en debuggen — niet als reden om px hard in te bouwen.
Let op het Opstapelen van em vs rem
Als een waarde onverwacht uitkomt, bevestig dan dat het rem is (root-relatief) en niet em (ouder-relatief), wat opstapelt bij nesting.

REM naar PX FAQ

Wat is 1rem in pixels?
1rem is gelijk aan de root-lettergrootte in pixels — standaard 16px. De rem-eenheid is relatief ten opzichte van de lettergrootte van het root -element, dus px = rem × root-lettergrootte. Bij een standaardinstelling is 1rem = 16px, 1.5rem = 24px en 2rem = 32px. Als een stylesheet de root-lettergrootte wijzigt, verandert de pixelwaarde van 1rem mee.
Hoe converteer je rem naar px?
Vermenigvuldig de rem-waarde met de root-lettergrootte. De formule is px = rem × basis, waarbij basis de lettergrootte van het -element is (standaard 16px). Bijvoorbeeld: 1.5rem × 16 = 24px, en 0.75rem × 16 = 12px. Deze tool doet de vermenigvuldiging realtime voor je en laat je de basis wijzigen als je project een andere root-lettergrootte gebruikt.
Wat is 16px in rem?
16px is gelijk aan 1rem bij de standaard root-lettergrootte van 16px, omdat rem = px ÷ basis. Dit is het omgekeerde van de rem-naar-px-richting: 1rem = 16px, dus 16px = 1rem. Wijzig de basis in de tool, of gebruik de px naar rem converter, als je project geen root van 16px gebruikt.
Waarom gebruiken ontwerpen rem in plaats van px?
Rem-eenheden respecteren de lettergrootte-voorkeur van de browser van de gebruiker, wat belangrijk is voor toegankelijkheid. Wanneer iemand zijn standaard lettergrootte vergroot, schaalt alles dat in rem is opgemaakt proportioneel mee, terwijl px-waarden vast blijven. Rem houdt een ontwerpsysteem ook consistent — wijzig één root-lettergrootte en de hele interface herschaalt. Rem terugconverteren naar px is nog steeds nuttig voor pixelnauwkeurige beoordeling, ontwerpoverdracht en debuggen.
Wat is het verschil tussen rem, em en px?
px is een absolute eenheid — een vaste CSS-pixel. rem is relatief ten opzichte van de root () lettergrootte, dus consistent over de hele pagina. em is relatief ten opzichte van de lettergrootte van het bovenliggende element, dus het stapelt op bij nesting. Gebruik rem voor de meeste afmetingen zodat het meeschaalt met de voorkeur van de gebruiker, px voor vaste details zoals randen van 1px, en em wanneer je wilt dat een waarde schaalt ten opzichte van zijn lokale context.
Wat is de 62.5%-lettergroottetruc?
Door html { font-size: 62.5% } in te stellen wordt de root-lettergrootte 10px (62.5% van de standaard 16px). Met een basis van 10px is 1rem = 10px, dus rem-naar-px is gewoon "vermenigvuldig met 10": 1.6rem = 16px, 2.4rem = 24px. Veel ontwikkelaars houden van de eenvoudigere rekenkunde, en stellen dan body { font-size: 1.6rem } in voor leesbare bodytekst van 16px. Stel de root-lettergrootte van deze tool in op 10 om tegen de 62.5%-basis te converteren.
Kan ik de root-lettergrootte in deze converter wijzigen?
Ja. Het veld Root-lettergrootte staat standaard op 16px maar accepteert elke waarde — 10, 18, 20 of wat je project ook gebruikt. Elke conversie en de referentietabel worden bijgewerkt tegen de basis die je instelt. Klik op 'Reset naar 16' om terug te keren naar de standaard. De meeste converters bouwen 16px hard in; de eigen basis is wat deze tool laat aansluiten op je echte stylesheet.
Is 1rem altijd 16px?
Alleen wanneer de root-lettergrootte 16px is, wat de standaard is in vrijwel alle browsers. De relatie 1rem = 16px geldt zolang html { font-size } niet wordt overschreven. Als een stylesheet de root-lettergrootte op 10px of 18px instelt, dan is 1rem in plaats daarvan gelijk aan die waarde. Converteer altijd tegen de werkelijke root-lettergrootte van de pagina.
Wanneer moet ik rem terugconverteren naar px?
Rem naar px converteren is nuttig wanneer je pixelnauwkeurige waarden nodig hebt: het matchen van een ontwerpmockup, het communiceren van groottes naar een ontwerper die in pixels werkt, het instellen van een eigenschap die alleen px accepteert, of het debuggen waarom een element op een bepaalde grootte wordt weergegeven. Het opmaken in rem blijft in je CSS voor schaalbaarheid; de px-waarde is voor verificatie en overdracht.
Maakt het uit welke root-lettergrootte ik voor de conversie gebruik?
Ja — de root-lettergrootte is de vermenigvuldiger, dus deze verandert het resultaat direct. 2rem is 32px bij een basis van 16px maar 20px bij een basis van 10px. Als je stylesheet de 62.5%-techniek of een eigen root-lettergrootte gebruikt, stel de basis van de tool dan zo in dat deze overeenkomt, anders zijn de pixelwaarden onjuist.
Hoe nauwkeurig is deze rem-naar-px-converter?
Conversies gebruiken IEEE 754 dubbele-precisierekenkunde en de exacte formule px = rem × basis, met resultaten afgerond op maximaal vijf decimalen en achterliggende nullen weggesneden. Dat is veel fijner dan de browser nodig heeft, en de rekenkunde is deterministisch, dus je kunt erop vertrouwen voor productiewerk.
Zijn mijn gegevens veilig bij het gebruik van deze converter?
Volledig. Alle conversies draaien lokaal in je browser met JavaScript. Er worden geen waarden naar een server verzonden — er zijn geen netwerkverzoeken, geen cookies op je invoer en geen analyses op wat je typt. Je kunt het verifiëren door de verbinding met internet te verbreken: de tool blijft volledig offline werken zodra de pagina is geladen.

Gerelateerde tools

Alle tools bekijken →

Talstelsel omrekenen — online converter

Omrekentools

Reken je getal direct om tussen binair, hex, decimaal, octaal en elk talstelsel (2-36). Gratis en privé — alles draait in je browser.

Color converter — HEX, RGB, HSL & OKLCH

Omrekentools

Converteer HEX naar RGB, HSL, OKLCH, OKLAB en CMYK in je browser — kopieer elk formaat met één klik. Gratis, geen account, je kleuren verlaten de pagina nooit.

Hex naar CMYK converter

Omrekentools

Converteer HEX-kleuren naar CMYK in je browser. Naïeve sRGB-gebaseerde benadering voor printvoorbeelden. Gratis, geen account, je kleuren blijven lokaal.

Hex naar HSL converter

Omrekentools

Converteer elke hex-kleur naar HSL in je browser — 3-cijferig, 6-cijferig en 8-cijferig hex met alpha worden allemaal ondersteund. Gratis, direct, geen account, je kleuren verlaten de pagina nooit.

Hex naar OKLCH converter

Omrekentools

Converteer HEX naar OKLCH voor Tailwind v4 design-tokens. Live perceptueel-uniforme uitvoer met Display P3 gamut-waarschuwingen. Gratis, alleen in je browser.

Hex naar RGB converter

Omrekentools

Converteer elke hex-kleurcode naar RGB in je browser — 3-cijferig, 6-cijferig en 8-cijferig hex met alpha worden allemaal ondersteund. Gratis, direct, geen account, je kleuren verlaten de pagina nooit.