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

PX naar REM-converter met 10px-basis

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 met de basislettergrootte vooraf ingesteld op 10px. Dat is de klassieke html {font-size: 62,5% } setup: 62,5% van de 16px-browserstandaard is precies 10px, dus rem-waarden worden triviaal leesbaar: 14px is 1,4rem, 18px is 1,8rem, 24px is 2,4rem.

Teams nemen de 10px-basis nauwkeurig over om lastige zestienden te voorkomen: in plaats van te onthouden dat 14px 0,875rem is, verplaats je gewoon de komma. Omdat de truc een percentage gebruikt in plaats van een vaste pixelwaarde, respecteert het nog steeds de lettergrootte die een gebruiker in de browservoorkeuren instelt, wat in de eerste plaats het hele toegankelijkheidsargument voor rem-eenheden is.

Typ een willekeurige pixelwaarde om het rem-equivalent op de 10px-basis te krijgen, samen met een kopieerklare CSS-regel, en controleer de referentietabel hieronder voor de volledige 1-64 px-schaal die al is geconverteerd. Als uw project een andere rootgrootte gebruikt, verander dan het basisveld en alles volgt live.

🛡️
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%).