Convertor de unități CSS
Convertiți lungimile CSS între px, rem, em, pt și % față de orice dimensiune a fontului rădăcină.
Convertor de unități CSS
Lipiți valorile CSS câte una pe linie — 16px, 1.5rem, 12pt, 150% — și acest convertor le traduce instantaneu. Un număr gol este citit în unitatea setată de selecția De la, în timp ce o unitate scrisă în linie câștigă întotdeauna, astfel încât să puteți amesteca pixeli și rems într-o singură listă. Alegeți o țintă sub Către sau alegeți Toate unitățile pentru a vedea întregul lanț dintr-o privire: 16px = 1rem = 12pt = 100%. Liniile care nu sunt valori simple trec neschimbate, așa că un comentariu rătăcit nu întrerupe niciodată rularea.
Matematica depinde de un număr: dimensiunea de bază, dimensiunea fontului rădăcină în pixeli. Browserele sunt implicit de 16px, motiv pentru care 1rem este de obicei egal cu 16px și 100% este egal cu baza. Setați baza la 10 pentru trucul clasic de 62,5%, unde 1,5rem este 15px, sau potriviți un sistem de design cu o rădăcină diferită. Punctele sunt fixate de CSS în sine — 1px este 1/96 de inch și 1pt este 1/72, deci 16px este exact 12pt indiferent de bază. Opțiunea zecimale limitează precizia la până la șase locuri, cu zerourile finale tăiate.
Rem este unitatea prietenoasă cu accesibilitatea: se scalează în funcție de preferința cititorului pentru dimensiunea fontului din browser, astfel încât textul setat în rem crește atunci când cineva își crește dimensiunea implicită, în timp ce px rămâne fix. Em folosește aceeași matematică aici, dar într-o foaie de stil reală este relativ la dimensiunea fontului propriu al elementului, astfel încât valorile em imbricate sunt compuse acolo unde rem nu - acest convertor presupune cazul plat, relativ la rădăcină.
Totul rulează local în browserul dvs. - nimic nu este încărcat și nu este nimic de așteptat. Copiați lista convertită sau descărcați-o ca fișier .txt.