Pređi na glavni sadržaj
LibraTool logoLibraTool

Piksel u REM konvertor — besplatno

Konvertujte između px, rem, em, pt, vw, vh i % sa podesivom osnovnom veličinom fonta. Uključuje referentnu tabelu za uobičajene veličine piksela.

Radi van mreže kada se učita
1rem

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

Sve konverzije za 16 px

Najbliži Tailwind tokeni (na 16px korenu)

Uobičajene veličine piksela → rem (pri bazi 16px)

Konvertuj zalepen CSS

Uobičajene upotrebe

  • PX do REM za veb razvojKonvertujte vrednosti piksela u rem jedinice za skalabilan, pristupačan CSS. Postavite baznu veličinu fonta i odmah vidite sve ekvivalentne vrednosti.
  • CSS jedinice za adaptivni dizajnKonvertujte između px, vw, vh i % da napravite makete koje se pravilno prilagođavaju različitim veličinama ekrana i orijentacijama.
  • Konvertujte specifikacije dizajna u CSS jedinicePrevedite vrednosti piksela iz Figma ili Sketch u rem/em jedinice za čist, skalabilan CSS implementaciju.
  • Tailwind CSS referenca jediniceRazumite kako se Tailwind CSS klase veličine preslikavaju na piksel i rem vrednosti za preciznu implementaciju.
  • Konvertujte CSS jedinice za pečatne stiloveKonvertujte između px, pt i rem za medijumske upite za štampanje i CSS izlaz za PDF.

Kako funkcioniše

Sve konverzije se u potpunosti izvršavaju u vašem pregledaču koristeći ručno napisan aritmetički mehanizam bez zavisnosti. Alatka konvertuje između sedam CSS jedinica (px, rem, em, pt, vw, vh, i %) usmeravajući svako izračunavanje kroz piksele kao zajedničku osnovu, primenjujući prosto deljenje ili množenje naspram vaše podešene veličine korenog fonta, veličine roditeljskog fonta, ili dimenzija prikaza.

  1. 1
    Podesite vrednosti konteksta
    Pre konverzije, podešavate četiri broja koji čine relativne CSS jedinice smislenim: veličina korenog fonta (podrazumevano 16px, što je podrazumevana vrednost pregledača), veličina fonta roditeljskog elementa (za konverzije em i %), i širina i visina prikaza (za vw i vh). Ovo su iste vrednosti koje bi vaš pregledač koristio prilikom razrešavanja CSS-a u vremenu izvršavanja.
  2. 2
    Piksel kao univerzalna posrednička jedinica
    Konvertor prvo poziva toPixels() da normalizuje vaš unos u sirov broj piksela — na primer, 1,5rem postaje 1,5 × baznaVelicinaFontaPx, i 50vw postaje 0,5 × širinaPrikaza. Zatim fromPixels() deli 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, alatka izračunava rem vrednost i skenira dve fiksne tabele pretraživanja — trinaest tokena veličine fonta Tailwind-a (text-xs do text-9xl) i njegovu skalu razmaka — pronalazeći najbliže podudaranje po apsolutnoj razlici. Znak = znači da je vrednost tačan token; ≈ znači da je najbliža aproksimacija.
  4. 4
    Grupno prepisivanje CSS-a preko regularnog izraza
    Panel za lepljenje CSS-a prihvata sirov CSS tekst i primenjuje zamenu regularnim izrazom: u režimu px→rem uparuje svaki px žeton i zamenjuje brojčani deo sa vrednost/baznaVelicinaFontaPx + rem; u režimu rem→px radi obrnuto. Broj zamena se prikazuje tako da možete proveriti koliko je vrednosti prepisano.

Slične alatke

📏

Konvertor jedinica mere

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

Isprobajte
📐

Generator CSS clamp() vrednosti

Generišite fluidnu CSS clamp() vrednost za responzivnu tipografiju i razmake. Postavite min/maks veličinu i opseg viewport-a, vidite pregled uživo i kopirajte jednoliniski CSS.

Isprobajte
🟦

CSS Grid generator

Vizuelno dizajnirajte CSS mrežu — trake, jedinice i razmake — i kopirajte generisani CSS i HTML.

Isprobajte

Česta pitanja