Handleiding
1. Stel indien gewenst de basis-lettergrootte in (standaard 16px).
2. Voer de pixelwaarde in het invoerveld in.
3. Lees direct de berekende REM- en EM-waarden af en kopieer de CSS.
Belangrijkste Functies
- **Tweerichtingscalculator**: Converteer direct van PX naar REM/EM en van REM naar PX.
- **Instelbare basis-lettergrootte**: Pas de basiswaarde aan (bijv. 16px, 10px of 14px).
- **Kant-en-klare CSS code**: Kopieer direct declaratieve CSS-waarden voor uw stylesheet.
- **Handige referentietabel**: Direct overzicht van veelvoorkomende UI-afmetingen (bijv. 8px, 12px, 16px, 24px, 32px).
Gerelateerde Tools
Comprimeer en verklein CSS-stijlbestanden door overbodige spaties, opmerkingen en regeleinden te verwijderen voor snellere laadtijden van websites.
Formatteer, valideer en verfraai JSON-code direct in uw browser. Vind syntaxfouten met regel- en kolomnummers. Snel, mooi en 100% privé.
Test en evalueer JSONPath-expressies (`$.store.book[*].author`) interactief tegen complexe JSON-datastructuren met realtime resultaatweergave.
Converteer JSON-objecten en arrays eenvoudig naar CSV-formaat voor gebruik in Excel, Google Sheets of databases. Snel, gratis en veilig.
Converteer CSV- en TSV-bestanden eenvoudig naar gestructureerde JSON-arrays of JSON-objecten. Ondersteunt automatische typeconversie.
Vergelijk twee JSON-bestanden of objecten en markeer direct toevoegingen, verwijderingen en gewijzigde waarden met visuele syntax-highlighting.
Comprimeer JSON-code tot één compacte regel door alle overbodige spaties en regeleinden te verwijderen voor minimale payloadgrootte in API's.
Genereer automatisch schone, typeveilige TypeScript interfaces en types op basis van een JSON-object of API-respons. Gratis en direct.
Technische Werking & Formule
De formule voor het omrekenen van pixels naar REM luidt:
<div class="math-block"><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mtext>REM</mtext><mo>=</mo><mfrac><mtext>Pixelwaarde (PX)</mtext><mtext>Basisgrootte (Root font-size)</mtext></mfrac></mrow><annotation encoding="application/x-tex">\text{REM} = \frac{\text{Pixelwaarde (PX)}}{\text{Basisgrootte (Root font-size)}}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.6833em;"></span><span class="mord text"><span class="mord">REM</span></span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:2.363em;vertical-align:-0.936em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.427em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord text"><span class="mord">Basisgrootte (Root font-size)</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord text"><span class="mord">Pixelwaarde (PX)</span></span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.936em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span></div>
Veelgestelde Vragen (FAQ)
### Waarom is REM beter dan PX in responsive webdesign?
REM schaalt relatief mee met de browserinstellingen van de gebruiker, wat essentieel is voor toegankelijkheid en consistente typografie.