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

Converteer 24px naar REM

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 24 al ingevoerd: bij de standaardbasislettergrootte van 16px is 24px precies 1,5rem, omdat 24 gedeeld door 16 1,5 is. De lettertypegrootte van de CSS-regel: 1,5rem; is klaar om te kopiëren zodra de pagina wordt geladen.

Vierentwintig pixels is een werkpaardgrootte: een typische h3- of grote lettergrootte, een standaard pictogramafmeting en een van de meest gebruikte afstandsstappen in 8-punts rasters. De zuivere 1,5rem-waarde aan de standaardbasis maakt het een favoriet anker bij het converteren van een pixelontwerp naar rem-eenheden.

Als uw hoofdlettergrootte verschilt, typt u de werkelijke basis (bij een root van 10 px wordt dezelfde 24 px 2,4 rem) en raadpleegt u de onderstaande referentietabel voor de aangrenzende formaten 20, 32 en 48 px die tegelijkertijd zijn geconverteerd. Het draait allemaal live in uw browser.

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