LibraTool logoLibraTool

Besplatan Konverter piksela u REM

Pretvorite između px, rem, em, pt, vw, vh i % uz podesivu osnovnu veličinu fonta. Uključuje referentnu tabelu za uobičajene veličine piksela.

Radi offline nakon učitavanja
1rem

Kontekst (utiče na rem/em/vw/vh/%)

Sve konverzije za 16 px

Najbliži Tailwind tokeni (pri korijenu od 16px)

Uobičajene veličine u pikselima → rem (pri baznoj vrijednosti od 16px)

Konvertuj zalijepljeni CSS

Kako radi

Sve konverzije se u potpunosti odvijaju u vašem pregledniku koristeći ručno napisan aritmetički mehanizam bez zavisnosti. Alat pretvara između sedam CSS jedinica (px, rem, em, pt, vw, vh, i %) usmjeravajući svaki proračun kroz piksele kao zajedničku osnovu, primjenjujući jednostavno dijeljenje ili množenje u odnosu na vašu podešenu osnovnu veličinu fonta, veličinu fonta roditelja, ili dimenzije prozora prikaza.

  1. 1
    Postavite svoje vrijednosti konteksta
    Prije konverzije, podešavate četiri broja koji čine relativne CSS jedinice smislenim: osnovnu veličinu fonta (podrazumevano 16px, što je podrazumevana vrijednost preglednika), veličinu fonta roditeljskog elementa (za em i % konverzije), i širinu i visinu prozora prikaza (za vw i vh). Ovo su iste vrijednosti koje bi vaš preglednik koristio pri razrješavanju CSS-a u vrijeme izvršavanja.
  2. 2
    Piksel kao univerzalni posrednik
    Konverter prvo poziva toPixels() da normalizuje vaš unos na sirov broj piksela — na primjer, 1,5rem postaje 1,5 × osnovniFontPx, a 50vw postaje 0,5 × širinaProzora. Zatim fromPixels() dijeli taj broj piksela odgovarajućim faktorom za ciljnu jedinicu. Svih sedam jedinica se prikazuje istovremeno u tabeli konverzije.
  3. 3
    Pretraga najbližeg Tailwind tokena
    Nakon konverzije, alat izračunava rem vrijednost i skenira dvije ugrađene tabele pretrage — trinaest Tailwind tokena veličine fonta (text-xs do text-9xl) i njegovu skalu razmaka — nalazeći najbliže podudaranje po apsolutnoj udaljenosti. Znak = znači da je vrijednost tačan token; ≈ znači da je najbliža aproksimacija.
  4. 4
    Grupno prepisivanje CSS-a putem regularnog izraza
    Panel za lijepljenje CSS-a prihvata sirov CSS tekst i primjenjuje zamjenu regularnim izrazom: u modu px→rem podudara svaki px token i zamjenjuje brojčani dio sa vrijednost/osnovniFontPx + rem; u modu rem→px radi obrnuto. Broj zamjena se prikazuje tako da možete provjeriti koliko je vrijednosti prepisano.

Povezani alati

📏

Pretvarač jedinica

Pretvorite između jedinica dužine, težine, temperature, površine, zapremine i još mnogo toga.

Probaj
📐

Generator CSS clamp()

Generišite fluidnu CSS clamp() vrijednost za responzivnu tipografiju i razmake. Postavite min/max veličinu i raspon viewporta, pogledajte prikaz uživo i kopirajte CSS u jednom redu.

Probaj
🟦

CSS Grid generator

Vizuelno kreirajte CSS grid — trake, jedinice i razmake — i kopirajte generirani CSS i HTML.

Probaj

Često postavljana pitanja