LibraTool logoLibraTool

Бесплатен Конвертор од пиксели во REM

Конвертирајте меѓу px, rem, em, pt, vw, vh и % со прилагодлива основна големина на фонт. Вклучува референтна табела за вообичаени пиксел-големини.

Работи офлајн откако ќе се вчита
1rem

Контекст (влијае на rem/em/vw/vh/%)

Сите претворби за 16 px

Најблиски Tailwind токени (при 16px основа)

Чести големини во пиксели → rem (со основа од 16px)

Конвертирај залепен CSS

Како функционира

Сите конверзии работат целосно во вашиот прелистувач користејќи рачно напишан аритметички механизам без зависности. Алатката конвертира помеѓу седум CSS единици (px, rem, em, pt, vw, vh и %) насочувајќи ја секоја пресметка преку пиксели како заеднички основа, применувајќи едноставно делење или множење наспроти вашата конфигурирана основна големина на фонт, големина на фонт на родител, или димензии на прегледник.

  1. 1
    Поставете ги вашите контекстни вредности
    Пред конвертирање, ги конфигурирате четирите броја што ги прават релативните CSS единици значајни: основна големина на фонт (стандардно 16px, што е стандардот на прелистувачот), големина на фонт на родителски елемент (за конверзии на em и %), и ширина и висина на прегледникот (за vw и vh). Ова се истите вредности што вашиот прелистувач би ги користел при разрешување на CSS во времето на извршување.
  2. 2
    Пиксел како универзална меѓувредност
    Конверторот прво повикува toPixels() за да го нормализира вашиот влез на суров број пиксели — на пример, 1,5rem станува 1,5 × основенФонтPx, а 50vw станува 0,5 × ширинаНаПрегледник. Потоа fromPixels() го дели тој број пиксели со соодветниот фактор за целната единица. Сите седум единици се прикажани истовремено во табелата за конверзија.
  3. 3
    Пребарување на најблизок Tailwind токен
    По конвертирањето, алатката ја пресметува вредноста rem и скенира две кодирани табели за пребарување — тринаесетте токени за големина на фонт на Tailwind (text-xs до text-9xl) и неговата скала на растојание — наоѓајќи го најблиското совпаѓање по апсолутна разлика. Знакот = значи дека вредноста е точен токен; ≈ значи дека е најблиска апроксимација.
  4. 4
    Масовно препишување на CSS преку регуларен израз
    Панелот за залепување CSS прифаќа сурoв CSS текст и применува замена со регуларен израз: во режим px→rem совпаѓа со секој токен px и го заменува нумеричкиот дел со вредност/основенФонтPx + rem; во режим rem→px прави обратно. Бројот на замени се прикажува така што можете да проверите колку вредности се препишани.

Поврзани алатки

📏

Конвертор на единици

Конвертирајте помеѓу единици за должина, тежина, температура, површина, волумен и многу повеќе.

Пробајте го
📐

Генератор на CSS clamp()

Генерирајте флуидна CSS clamp() вредност за одговорна типографија и растојание. Поставете мин/макс големина и опсег на приказ, видете преглед во живо и копирајте ја едноредна CSS.

Пробајте го
🟦

Генератор на CSS Grid

Визуелно дизајнирајте CSS grid — колони, редови, единици и празнини — и копирајте го генерираниот CSS и HTML.

Пробајте го

Најчесто поставувани прашања