PX to REM Dönüştürücü — Piksel'den Rem'e, Canlı ve Gizli

Özelleştirilebilir bir kök font-size ile px değerini anında rem'e dönüştürün. Varsayılan olarak 16px = 1rem. Canlı çift yönlü dönüştürme, kopyalamaya hazır, %100 tarayıcınızda çalışır.

Takip Yok Tarayıcıda Çalışır Ücretsiz

Kök font-size

Piksel (px)

Rem (rem)

Önizleme

Hızlı kahverengi tilki

CSS rem birimi doğruluğu ve erişilebilirlik rehberliği için incelendi — Go Tools Mühendislik Ekibi · Jun 11, 2026

Hızlı Başvuru

16px rem Cinsinden Kaçtır?

16px = 1rem (16px tabanda) Tarayıcı varsayılanı 16px kök font-size'da 16px tam olarak 1rem'e eşittir. Bu, diğer her dönüştürmenin çapasıdır: rem = px ÷ 16.

px to rem Formülü Nedir?

rem = px ÷ kök-font-size Piksel değerini kök font-size'a bölün. Örneğin 24px ÷ 16 = 1.5rem. Projeniz 16px kullanmıyorsa araçtaki tabanı değiştirin.

62.5% Hilesi Nedir?

62.5% → 1rem = 10px html { font-size: 62.5% } ayarlamak kökü 10px yapar, bu yüzden 1rem = 10px olur ve rem matematiği sadece "10'a böl" haline gelir. Kullanmak için bu aracın tabanını 10 yapın.

PX to REM Dönüştürücü Nedir?

Bir px to rem dönüştürücü, piksel ölçümlerini CSS için rem birimlerine çevirir. rem ("root em") birimi kök öğesinin font-size'ına görelidir: 1rem her zaman, tarayıcıların varsayılan olarak 16px'e ayarladığı kök font-size'a eşittir. Dönüştürme basit bir bölmedir — rem = px ÷ kök-font-size — ancak bir stil sayfasındaki her font boyutu, kenar boşluğu ve kesme noktası için bunu elle yapmak zahmetli ve hataya açıktır; bu aracın ortadan kaldırdığı şey de budur.

Dönüştürmenin asıl nedeni erişilebilirlik ve ölçeklenebilirliktir. Bir değer px cinsinden yazıldığında sabit bir boyuta kilitlenir ve kullanıcının tarayıcı font-size tercihini yok sayar. rem cinsinden yazıldığında, kullanıcı varsayılan font boyutunu artırırsa orantılı olarak ölçeklenir — düşük görüşe sahip kişiler için kritik bir uyarlama ve yakınlaştıran herkes için daha pürüzsüz bir deneyim. Bir tasarım sistemini rem cinsinden ifade etmek ayrıca kök font-size'da yapılan tek bir değişikliğin tüm arayüzü tutarlı biçimde yeniden ölçeklendirmesi anlamına gelir.

Bu dönüştürücü hem piksel hem de rem alanlarını gerçek zamanlı bağlı tutar, böylece her iki yönde de hareket edebilirsiniz ve — 16px tabanı sabit kodlayan araçların aksine — herhangi bir kök font-size ayarlamanıza izin verir. Bu önemlidir, çünkü 62.5% tekniğini (10px kök) kullanan bir stil sayfası, varsayılan 16px kurulumundan farklı dönüştürür. Canlı bir önizleme, elde edilen metin boyutunu gösterir ve bir referans tablosu, hızlı aramalar için en yaygın px değerlerini 16px tabanda listeler.

Ters yön mü lazım? rem to px dönüştürücüyü kullanın. Stil sayfasının kendisini düzenlemek için CSS biçimlendiriciyi deneyin ve renk işleri için renk dönüştürücüye bakın. Her şey tarayıcınızda çalışır — değerleriniz cihazınızdan asla ayrılmaz.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

Bu PX to REM Dönüştürücünün Temel Özellikleri

Özel Kök Font-Size

Yalnızca 16px değil, herhangi bir tabana göre dönüştürün. 62.5% (10px) tekniğine veya projenizin gerçek kök font-size'ına uyun — çoğu araç 16'yı sabit kodlar.

Canlı Çift Yönlü Dönüştürme

Piksel ve rem alanları gerçek zamanlı bağlı kalır. Bir tarafı düzenleyin, diğeri seçtiğiniz tabana göre anında güncellenir.

Yerleşik Boyut Önizlemesi

Bir önizleme satırı, metni elde edilen rem boyutunda işler; böylece yalnızca sayıyı değil ölçeği de görürsünüz.

Tek Tıkla Kopyalama

px veya rem değerini tek bir tıkla panonuza kopyalayın; doğrudan CSS'inize yapıştırmaya hazır.

Referans Dönüştürme Tablosu

Hızlı, yazmasız aramalar için en yaygın px değerlerinin ve 16px tabandaki rem eşdeğerlerinin bir çizelgesi.

%100 Tarayıcı Tabanlı ve Gizli

Tüm matematik yerel olarak tarayıcınızda gerçekleşir. Sunucu isteği yok, izleme yok, veri depolama yok — değerleriniz cihazınızdan asla ayrılmaz.

PX to REM Dönüştürme Örnekleri

Gövde Metni — 16px'ten rem'e

1rem

Varsayılan 16px kök font-size'da 16px tam olarak 1rem'e eşittir. Bu, diğer her dönüştürmenin ölçüldüğü temeldir: rem = px ÷ 16.

Başlık — 24px'ten rem'e

1.5rem

24px'lik bir başlık 1.5rem olur (24 ÷ 16 = 1.5). Rem kullanmak, kullanıcı tarayıcısının varsayılan font boyutunu değiştirirse başlığın otomatik olarak ölçeklendiği anlamına gelir.

Küçük Etiket — 12px'ten rem'e

0.75rem

16px tabanda 12px, 0.75rem'dir. Küçük yazılar ve alt yazılar, okuyucunun font-size tercihlerine uyması için rem'in yaygın adaylarıdır.

Boşluk — 8px'ten rem'e

0.5rem

8px, 0.5rem'e eşittir. Birçok tasarım sistemi, boşlukların metinle birlikte ölçeklenmesi için dolgu ve kenar boşluklarını rem cinsinden ifade eder.

62.5% Hilesi — 10px taban, 18px'ten rem'e

1.125rem

Kök font-size'ı 10px'e ayarlarsanız (62.5% tekniği), 18px 1.8rem olur. Varsayılan 16px tabanda 18px, 1.125rem'dir. Her zaman projenizin gerçekte kullandığı tabana göre dönüştürün.

Kesme Noktası — 768px'ten rem'e

48rem

768px'lik bir medya sorgusu kesme noktası 16px tabanda 48rem'dir. Rem tabanlı kesme noktaları, kullanıcılar metinlerini ölçeklendirdiğinde daha öngörülebilir biçimde yakınlaşır.

Yaygın px Değerleri rem'e Nasıl Dönüştürülür

Geliştiricilerin en sık rem'e dönüştürdüğü px değerleri için, varsayılan 16px kök font-size'da hızlı başvuru.

16px rem'e Nasıl Dönüştürülür

16 px → 1 rem

1rem elde etmek için 16'yı 16px kök font-size'a bölün. 16px çapa değeridir — varsayılan bir kurulumda tam olarak 1rem'e eşittir, bu yüzden diğer tüm dönüştürmeler için referans noktasıdır.

16 px → 1 rem

16px = 1rem'i ezberleyin. Oradan 0.5rem için yarıya bölün (8px) ve 2rem için ikiye katlayın (32px).