Piksel’i Rem’e Dönüştürün
Bir piksel değeri girerek rem birimine dönüştürün. Dönüşüm, piksel değerinizi kök yazı tipi boyutuna böler (varsayılan 16px). Bu, modern web geliştirme için en yaygın CSS birim dönüşümüdür.
Yaygın Piksel’den Rem’e Değerleri
| Piksel | Rem (16px taban) | Rem (14px taban) | Kullanım Alanı |
|---|---|---|---|
| 12px | 0.75rem | 0.857rem | Küçük metin |
| 14px | 0.875rem | 1rem | Gövde metni |
| 16px | 1rem | 1.143rem | Temel yazı tipi boyutu |
| 18px | 1.125rem | 1.286rem | Başlık metni |
| 24px | 1.5rem | 1.714rem | H3 başlıkları |
| 32px | 2rem | 2.286rem | H2 başlıkları |
| 48px | 3rem | 3.429rem | H1 başlıkları |
Nasıl Kullanılır
- Araç 16px dolu olarak açılır ve 1rem’e dönüştürür
- Giriş alanına herhangi bir piksel 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
Bir tasarım spec’i 16px kök yazı tipi boyutu ile 24px dolgu gerektirir. 24’ü 16’ya bölün ve 1.5rem elde edin. Kök yazı tipi boyutunuz 14px ise, 24’ü 14’e bölün ve yaklaşık 1.714rem elde edin.
Daha fazla dönüşüm için tam CSS Birim Dönüştürücü’yü veya Rem’den Px aracını deneyin.