Px rem çevirici
Bu px rem çevirici, pikseli rem'e (ve tersine) çevirir: değeri girin, temel boyutu ayarlayın; rem, em, pt, yüzde ve vw ile yaygın boyutların tablosunu görün.
Örnek: Değer 24 · Değerin birimi: px (piksel) · Kök öğenin yazı boyutu (rem) 16 px · Üst öğenin yazı boyutu (em, %) 16 px · Görünüm genişliği (vw) 1.440 px → Sonuç: 24 px = 1,5 rem. Kaynak: W3C – CSS Values and Units Module Level 4: absolute lengths (1in = 96px = 72pt) ve font-relative lengths (em, rem). Güncelleme: .
Nasıl hesaplanır?
Tarayıcının varsayılan 16 px değerinde 24 px tam olarak 1,5 rem eder. Formül rem = px / temel boyut, tersi px = rem · temel boyuttur.
Nasıl hesaplanır
rem, kök öğenin (html) yazı boyutuna, em ise üst öğenin yazı boyutuna bağlıdır. 1 pt 1/72 inç, 1 px 1/96 inçtir; yani 1 pt = 4/3 px ve 12 pt 16 px eder. Yazı boyutunda yüzde, üst öğenin yazısına göredir. 1 vw, görünüm genişliğinin %1'idir. Araç değeri önce px'e, oradan diğer tüm birimlere çevirir.
Bilmekte fayda var
- Ziyaretçi tarayıcı yazı boyutunu büyüttüyse rem değerleri kendiliğinden ölçeklenir, px ise sabit kalır (erişilebilirlik, WCAG 1.4.4).
- CSS'iniz
html { font-size: 62.5% }ayarlıyorsa 1 rem = 10 px olur. O zaman temel boyut olarak 10 girin. - em birikir: 1,5 em'lik bir öğenin içindeki 1,5 em, 2,25 kat verir. rem bu sorunu yaşatmaz.
- Boşluklar ve yazı boyutları için rem yaygındır; ince çizgiler ve kenarlıklar için px hâlâ mantıklıdır.
Sıkça sorulan sorular
px rem'e nasıl çevrilir?
px değerini temel yazı boyutuna bölün. 16 px'te: 24 px / 16 = 1,5 rem.
1 rem kaç px eder?
Varsayılan olarak 16 px, çünkü tarayıcılar kök yazı boyutunu böyle ayarlar. Biri tarayıcı yazısını değiştirirse veya html'de font-size belirlerse değer değişir.
em ile rem arasındaki fark nedir?
rem her zaman kök yazıya (html), em ise üst öğenin yazısına bağlıdır. Bu yüzden iç içe öğelerde em değerleri katlanabilir.
16 px kaç pt eder?
12 pt, çünkü 1 pt = 4/3 px. Tersine 10 pt yaklaşık 13,33 px eder.
Kaynaklar ve yasal dayanak
- W3C – CSS Values and Units Module Level 4: absolute lengths (1in = 96px = 72pt) ve font-relative lengths (em, rem)
- MDN – CSS-Längeneinheiten (rem, em, vw)
- W3C WCAG 2.2 – Success Criterion 1.4.4 Resize Text (göreli birimler kullanıcının yazı tipi boyutuna uyar)
Güncelleme: · Editoryal ilkeler
Benzer araçlar
- Piksel cm çevirmePiksel cm çevirme doğru çözünürlükle: piksel değerini cm, mm ve inç olarak bulun, uzunluğu piksele çevirin ve fotoğrafın 300 dpi baskı boyutunu görün.
- CSS gradient oluşturucuCSS gradient oluşturucu: doğrusal, dairesel veya konik renk geçişi, istediğiniz kadar renk durağı, açı ve yedek renk – canlı önizleme ve kopyalanmaya hazır CSS.
- CSS box shadow oluşturucuCSS box shadow oluşturucu: kaydırıcılarla gölge yapın – çoklu katman, bulanıklık, spread, saydam renk, inset ve hazır şablonlar; CSS’i tek tıkla kopyalayın.
- CSS border radius oluşturucuKaydırıcılarla CSS köşe yuvarlama: tüm köşeler birlikte veya ayrı ayrı, px ya da %, 8 değerli eliptik söz dizimi – en kısa kod, canlı önizleme ve kopyalama.
- Font eşleştirme – başlık ve metin için font kombinasyonlarıBaşlık ve metin için font çiftleri: canlı önizleme, kopyalanabilir CSS, Windows, Mac, iPhone ve Android’de bulunabilirlik – yalnızca sistem fontları.
- Renk dönüştürücü: HEX, RGB, HSL, HSV, CMYKRenk kodu dönüştürücü: HEX kodunu RGB’ye, RGB’yi HEX’e, HSL, HSV, HWB ve CMYK’ye çevirin. Rengi istediğiniz formatta girin ya da seçiciden seçip kopyalayın.
- IP adresim nedir?IP adresim nedir sorusunun anında cevabı: genel IP adresinizi gösterir, IPv4 mü IPv6 mı olduğunu bulur ve farkı açıklar. Ücretsiz, IP adresiniz saklanmaz.
- CSS clamp hesaplayıcıAkışkan yazı boyutu ve boşluklar için CSS clamp hesaplayıcı: en küçük, en büyük değeri ve viewport aralığını girin, hazır clamp() değerini kopyalayın.
- JavaScript küçültmeJavaScript küçültme: yorumları ve boşlukları kaldırın, kodu küçültün ve kazancı bayt olarak görün. Tarayıcıda, yükleme yok.