px rem'e nasıl çevrilir?
rem, kök öğenin (html) yazı boyutuna göredir. html için yazı boyutu belirtilmemişse tarayıcı varsayılanı olan 16px kullanılır. rem = px ÷ 16.
em, öğenin kendi yazı boyutuna göredir; font-size özelliğinde ise ebeveynin yazı boyutuna göre hesaplanır. İç içe öğelerde em değerleri çarpılarak büyüdüğü için yazı boyutlarında genellikle rem tercih edilir.
Yüzde (%) font-size için ebeveyn yazı boyutuna göredir: 150% = 1,5em.
CSS'te mutlak birimler birbirine sabit oranla bağlıdır (CSS Values 4): 1in = 96px = 72pt = 6pc = 2,54cm. Bu nedenle 1pt = 4/3 px ve 1cm ≈ 37,8px eder. Ekranda bu değerler fiziksel cetvel ölçüsüyle birebir eşleşmez.
Hesaplayıcı değeri önce piksele, sonra hedef birime çevirir ve tüm birimlerin karşılığını tabloda gösterir.
Formül
- px → rem
rem = px ÷ kök yazı boyutu- px → em
em = px ÷ ebeveyn yazı boyutu- pt → px
px = pt × 96 ÷ 72- cm → px
px = cm × 96 ÷ 2,54
Örnek hesap
Aşağıdaki örnek, şu değerlerle (Değer: 24, Çevrilecek birim: Piksel (px), Hedef birim: rem (kök yazı boyutu), Kök yazı boyutu (html, px): 16, Ebeveyn yazı boyutu (px): 16) hesaplayıcının kendisiyle hesaplanmıştır.
| Adım | Hesap | Değer |
|---|---|---|
| Piksele çevir | 24 px × 1 px | 24 px |
| Hedef birime çevir | px ÷ 16 | 1,5 rem |
| 24 px = | 1,5 rem |
Örneğin tablosu (9 satır)
| Birim | Karşılık |
|---|---|
| Piksel (px) | 24 px |
| rem (kök yazı boyutu) | 1,5 rem |
| em (ebeveyn yazı boyutu) | 1,5 em |
| Yüzde (%, ebeveyn yazı boyutu) | 150% |
| Punto (pt) | 18 pt |
| Pika (pc) | 1,5 pc |
| İnç (in) | 0,25 in |
| Santimetre (cm) | 0,635 cm |
| Milimetre (mm) | 6,35 mm |
Kaynaklar
- W3C — CSS Values and Units Level 4, mutlak ve göreli uzunluklar (1in = 96px, 1pt = 1/72in) (erişim 31.10.2026)
Son güncelleme: (içerik ya da kullanılan verinin son değiştiği ya da kontrol edildiği tarih).
Hesaba katılmayanlar
- vw, vh, ch ve ex gibi görüntü alanına ya da yazı tipine bağlı birimler hesaplanmaz.
- Yüzde değerler yalnızca font-size bağlamında ebeveyn yazı boyutuna göredir; width ya da padding'de yüzde, kapsayıcının genişliğine göre hesaplanır.
- Kullanıcının tarayıcı ayarlarında değiştirdiği varsayılan yazı boyutu ve sayfa yakınlaştırması dikkate alınmaz.
Sıkça sorulan sorular
16px kaç rem?
Kök yazı boyutu 16px ise 1rem. Kök 10px yapılmışsa (html { font-size: 62.5% }) 1,6rem olur.
rem mi em mi kullanmalıyım?
Yazı boyutları ve genel boşluklar için rem öngörülebilirdir; iç içe öğelerde büyümez. Bir bileşenin iç boşluklarının kendi yazı boyutuyla orantılı büyümesi isteniyorsa em kullanılır.
12pt kaç piksel?
CSS'te 16px. 1pt = 1/72 inç ve 1 inç = 96px tanımlıdır; 12 × 96 ÷ 72 = 16.
Neden piksel yerine rem kullanılıyor?
Kullanıcı tarayıcıda varsayılan yazı boyutunu büyüttüğünde rem ile verilen boyutlar da büyür. Sabit pikseller bu tercihi yok sayar; erişilebilirlik açısından rem daha uygundur.