⭐ 0
🔍
Tekst Afbeelding PDF & Documenten Audio Muziek Elektronica Tijd Hulpprogramma's Validators Esoterie Spellen

REM naar PX-converter

Converteer px naar rem, rem naar px en px naar em in elke basislettergrootte, met een kopieerklare CSS-regel en een live referentietabel.

Verwerken... 0%

Resultaat

Deze pagina opent de converter in de richting rem → px: typ een rem-waarde en je krijgt onmiddellijk het pixelequivalent ervan met de huidige basislettergrootte, plus een kopieerklare CSS-regel. Bij de standaardbrowserbasis van 16px is 1,5rem 24px en 2rem 32px.

Van rem terug naar pixels gaan is de dagelijkse richting wanneer je de stylesheet van iemand anders of een paneel met berekende stijlen inspecteert: de CSS zegt 1.25rem en de ontwerpspecificatie spreekt in pixels. De formule is eenvoudigweg rem × base, en met het basisveld kunt u overeenkomen met de hoofdlettergrootte van het project, inclusief de truc van 62,5% waarbij 1rem 10px betekent.

De onderstaande referentietabel toont de gebruikelijke pixelgroottes met hun remwaarden op de door u gekozen basis, zodat u de hele schaal in één keer kunt scannen. Alles wordt live opnieuw berekend in uw browser terwijl u typt, en er wordt niets ergens naartoe verzonden.

🛡️
Uitgevoerd in browser

Uw bestanden en invoer verlaten dit apparaat nooit. Verwerking verloopt volledig offline. 100% veilig.

Geaccepteerde formaten & regels

  • Drie richtingen in één selector: px → rem, rem → px en px → em.
  • Aanpasbare basislettergrootte (standaard 16 px) toegepast op het resultaat en elke tabelrij.
  • Referentietabel voor gangbare formaten van 1 tot 64 px, herberekend voor de huidige basis met de basisrij gemarkeerd.

Belangrijkste voordelen

✓ De geconverteerde waarde, de CSS-regel en de referentietabel worden live bijgewerkt terwijl u typt – u hoeft niet op een knop te drukken.
✓ De basislettergrootte is aanpasbaar, dus 10px-basisprojecten en aangepaste typografische schalen werken net zo goed als de standaard 16px.
✓ Draait volledig in uw browser: er wordt niets geüpload en de CSS-regel is klaar voor kopiëren en is slechts één klik verwijderd.

Toepassingen

  • • Verander een pixelwaarde van een ontwerpmockup in de rem die het stylesheet nodig heeft.
  • • Converteer rem-waarden uit de CSS van iemand anders terug naar pixels om aan een specificatie te voldoen.
  • • Herwerk een hele typografische schaal nadat u bent overgeschakeld naar de hoofdlettergrootte van 10px (62,5%).