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.