DevBentoRem'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 boyutunuza göre özelleştirilebilir sonuçlar üretir.
Viewport ayarları
| Birim | Değer | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
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
| Rem | Piksel (16px taban) | Piksel (14px taban) | Bağlam |
|---|---|---|---|
| 0.5rem | 8px | 7px | Küçük boşluk |
| 0.75rem | 12px | 10.5px | Küçük metin |
| 0.875rem | 14px | 12.25px | Gövde metni (bazı çerçeveler) |
| 1rem | 16px | 14px | Temel yazı tipi boyutu |
| 1.25rem | 20px | 17.5px | Büyük gövde metni |
| 1.5rem | 24px | 21px | H3 / bölüm başlıkları |
| 2rem | 32px | 28px | H2 başlıkları |
| 3rem | 48px | 42px | H1 başlıkları |
Nasıl Kullanılır
- Araç 1rem dolu olarak açılır ve 16px’e dönüştürür
- Giriş alanına herhangi bir rem değeri yazın
- Projeniz 16px’den farklı bir taban yazı tipi boyutu kullanıyorsa ayarlayın
- 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.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.