Convertor Pixel în EM/REM
Convertește px, rem, em, pt și % cu un tabel în timp real și CSS gata de copiat
rem este relativ la dimensiunea fontului rădăcină; em și % sunt relative la părinte.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Despre Convertor Pixel în EM/REM
Convertorul px în EM/REM traduce valorile de lungime CSS între px, rem, em, pt și procente. Introdu o valoare în oricare dintre cele cinci unități, iar un tabel live îți arată echivalentul în toate celelalte — plus un fragment CSS gata de copiat, pe care îl poți lipi direct într-o foaie de stiluri.
Conversiile respectă modul în care CSS rezolvă efectiv unitățile: rem este relativ la mărimea fontului rădăcină, în timp ce em și % sunt relative la mărimea fontului elementului părinte. Ambele mărimi de referință sunt editabile, așa că poți modela o rădăcină de 16 px cu o componentă de 14 px, sau orice scară de design-system folosești.
Un tabel cu valori uzuale mapează mărimile pe care designerii le folosesc cel mai des — astfel încât întrebări precum „cât este 24px în rem” primesc răspuns dintr-o privire. Instrumentul este gratuit, se actualizează pe măsură ce scrii și este un element de bază pentru transformarea machetelor cu pixeli ficși în CSS scalabil, bazat pe rem, accesibil.
Cum să utilizați Convertor Pixel în EM/REM
- Introdu valoarea de convertit și selectează unitatea ei: px, rem, em, pt sau %.
- Ajustează mărimea fontului rădăcină (pentru rem) și mărimea fontului părinte (pentru em și %) dacă diferă de 16 px.
- Citește valorile convertite în tabelul live.
- Copiază fragmentul CSS generat sau orice valoare din tabelul cu valori uzuale.