CSS Birim Dönüştürücü

Rem'den Piksel'e Dönüştürücü

Rem değerlerini anında piksele dönüştürün. Ücretsiz çevrimiçi CSS rem to px dönüştürücü, taban yazı tipi boyutu ayarlamalı.

Verileriniz tarayıcınızdan çıkmaz.

÷base
Viewport ayarları
CSS birimleri arasında dönüştürmek için yukarıya bir değer girin

İlgili Araçlar

Rem’i Piksele Dönüştürün

Bir rem değeri girerek piksele dönüştürün. Dönüşüm, rem değerinizi kök yazı tipi boyutuyla çarpar (varsayılan 16px). Relatif CSS birimlerinin gerçek piksel çıktısını anlamanız gerektiğinde bunu kullanın.

Yaygın Rem’den Piksel’e Değerleri

RemPiksel (16px taban)Piksel (14px taban)Bağlam
0.5rem8px7pxKüçük boşluk
0.75rem12px10.5pxKüçük metin
0.875rem14px12.25pxGövde metni (bazı çerçeveler)
1rem16px14pxTemel yazı tipi boyutu
1.25rem20px17.5pxBüyük gövde metni
1.5rem24px21pxH3 / bölüm başlıkları
2rem32px28pxH2 başlıkları
3rem48px42pxH1 başlıkları

Nasıl Kullanılır

  1. Araç 1rem dolu olarak açılır ve 16px’e dönüştürür
  2. Giriş alanına herhangi bir rem değeri yazın
  3. Projeniz 16px’den farklı bir taban yazı tipi boyutu kullanıyorsa ayarlayın
  4. Rem değerini sonuç tablosundan kopyalayın

Gerçek Dünya Örneği

Hesaplanmış stillerde font-size: 1.25rem görüyorsunuz ve gerçek piksel boyutunu bilmeniz gerekiyor. 16px kök yazı tipi boyutu ile 1.25 × 16 = 20px çarpın. Framework’ünüz 14px taban kullanıyorsa, 1.25 × 14 = 17.5px olur.

Daha fazla dönüşüm için tam CSS Birim Dönüştürücü’yü veya Px’den Rem’e aracını deneyin.