CSS mértékegység-átváltó
Válts át CSS hosszakat px, rem, em, pt és % között tetszőleges alapmérettel.
Kapcsolódó eszközök
CSS mértékegység-átváltó
Illessz be CSS értékeket soronként egyet — 16px, 1.5rem, 12pt, 150% —, és az átváltó azonnal átszámolja őket. A puszta szám a „Kiinduló egység" mezőben beállított egységben értendő, a sorba írt egység viszont mindig elsőbbséget élvez, így egy listában nyugodtan keverhetsz pixelt és remet. A célt a „Célegység" mezőben választod ki, vagy válaszd a „Minden egység" lehetőséget, és egyben látod a teljes láncot: 16px = 1rem = 12pt = 100%. A nem tiszta értéket tartalmazó sorok változatlanul kerülnek a kimenetbe — egy eltévedt komment sosem töri el az átváltást.
Az egész számítás egyetlen számon múlik: az alapméreten, vagyis a gyökérelem betűméretén pixelben. A böngészők alapértelmezése 16px — ezért ér 1rem általában 16px-t, a 100% pedig az alapnak felel meg. Állítsd az alapot 10-re a klasszikus 62,5%-os trükkhöz, ahol az 1,5rem pontosan 15px, vagy igazítsd a saját design rendszeredhez. A pontokat maga a CSS rögzíti: 1px egy hüvelyk 1/96-a, 1pt pedig 1/72-e, így 16px pontosan 12pt, az alaptól függetlenül. A tizedesjegyek beállítás legfeljebb hat jegyre korlátozza a pontosságot, a záró nullák pedig lemaradnak.
A rem az akadálymentesség egysége: együtt skálázódik a böngészőben beállított betűmérettel, így a remben megadott szöveg nő, ha valaki megemeli az alapértelmezett méretet, míg a pixel fix marad. Az em itt ugyanúgy számol, de valódi stíluslapban az elem saját betűméretéhez viszonyít, ezért az egymásba ágyazott em értékek összeszorzódnak, a rem viszont nem — az átváltó a lapos, gyökérhez viszonyított esetet feltételezi.
Minden helyben, a böngésződben fut — semmi sem töltődik fel, semmire sem kell várni. Az átváltott listát egy kattintással kimásolod vagy .txt fájlként letöltöd.