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

Özelleştirilebilir bir kök font-size ile rem değerini anında px'e dönüştürün. Varsayılan olarak 1rem = 16px. 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

1rem px Cinsinden Kaçtır?

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

rem to px Formülü Nedir?

px = rem × kök-font-size Rem değerini kök font-size ile çarpın. Örneğin 1.5rem × 16 = 24px. 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-to-px sadece "10 ile çarp" haline gelir. Kullanmak için bu aracın tabanını 10 yapın.

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

Bir rem to px dönüştürücü, rem birimlerini piksel ölçümlerine ç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 çarpmadır — px = rem × kök-font-size — ancak bir stil sayfasını okurken veya hata ayıklarken her değer için bunu kontrol etmek tekrar gerektirir; bu aracın ortadan kaldırdığı şey de budur.

Geliştiriciler genellikle CSS'i erişilebilirlik ve ölçeklenebilirlik için rem cinsinden yazar: rem cinsinden yazılan değerler kullanıcının tarayıcı font-size tercihiyle ölçeklenir, oysa px değerleri sabit kalır. Ancak piksel rakamına ihtiyaç duyduğunuz birçok an vardır — bir tasarım taslağıyla eşleştirme, piksellerle çalışan bir tasarımcıya boyutları teslim etme, yalnızca px alan bir özelliği ayarlama veya bir öğenin neden belirli bir boyutta işlendiğini hata ayıklama. İşte tam o zaman rem'i px'e geri dönüştürmek tam olarak istediğiniz şeydir.

Bu dönüştürücü rem ve piksel 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ı, rem'i varsayılan 16px kurulumundan farklı piksel değerlerine çözer. Canlı bir önizleme, elde edilen metin boyutunu gösterir ve bir referans tablosu, hızlı aramalar için yaygın rem değerlerini 16px tabanda listeler.

Diğer yön mü lazım? px to rem dönüştürücüyü kullanın. Stil sayfasının kendisini temizlemek 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 */
/* px = rem × root-font-size (16px by default) */

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

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

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

Bu REM to PX 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

Rem ve piksel 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 girilen 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

rem veya px değerini tek bir tıkla panonuza kopyalayın; CSS'e veya bir tasarım aracına yapıştırmaya hazır.

Referans Dönüştürme Tablosu

Hızlı, yazmasız aramalar için yaygın rem değerlerinin ve 16px tabandaki piksel 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.

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

Gövde Metni — 1rem'den px'e

16px

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

Başlık — 1.5rem'den px'e

1.5

24px

1.5rem, 24px'e karşılık gelir (1.5 × 16). Başlıklar genellikle rem cinsinden yazılır; böylece kullanıcının font-size tercihiyle ölçeklenirken yine de tanıdık piksel boyutlarına eşlenir.

Küçük Etiket — 0.75rem'den px'e

0.75

12px

16px tabanda 0.75rem, 12px'tir. Piksel değerini kontrol etmek, küçük yazıların okunaklı kalmasını doğrulamaya yardımcı olur.

Boşluk — 0.5rem'den px'e

0.5

8px

0.5rem, 8px'e eşittir. Tasarım sistemleri dolgu ve kenar boşluklarını genellikle rem cinsinden ifade eder; px'e geri çevirmek piksel hassasiyetli inceleme için kullanışlıdır.

Büyük Başlık — 2rem'den px'e

32px

2rem, tabanın tam iki katıdır, 32px. Bunun gibi temiz katlar belirgin başlıklar için yaygındır.

Kesme Noktası — 48rem'den px'e

768px

48rem'lik bir medya sorgusu kesme noktası 16px tabanda 768px'e karşılık gelir — ölçeklenebilir birimlerle ifade edilen tanıdık bir tablet genişliği eşiği.

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

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

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

1 rem → 16 px

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

1 rem → 16 px

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