px
16px
p-4 / m-4
CSS Birim Dönüştürücü
Herhangi bir CSS birimini anında diğerine çevir. Root / parent font size, viewport boyutları, container genişliği ve karakter boyutunu yapılandırarak doğru sonuçlar al. Toplu mod tüm CSS bloklarını yeniden yazar.
Tek dönüşüm
Bir değer gir, kaynak ve hedef birimi seç. Diğer tüm birimler de aşağıdaki tabloda hesaplanır.
Sonuç
1rem
16px = 1rem (1rem = 16px).
Bağlam ayarları
Göreceli birimleri sabitle. Ayarlar tarayıcıda saklanır ve tüm dönüşümlere uygulanır.
px
1rem kaç piksel?
px
Üst elemanda 1em kaç piksel?
px
100vw kaç piksel — vmin / vmax için de kullanılır.
px
100vh kaç piksel — vmin / vmax için de kullanılır.
px
Container içinde %100 kaç piksel?
px
Mevcut yazı tipinde '0' karakterinin genişliği (ch'yi sabitler).
px
Mevcut yazı tipinde 'x' karakterinin yüksekliği (ex'i sabitler).
Tüm hedefler
16px için desteklenen her CSS biriminin karşılığı. Kopyalamak için bir kart seç.
rem
1rem
≈ 16px
em
1em
≈ 16px
vw
1.25vw
≈ 16px
vh
2.2222vh
≈ 16px
vmin
2.2222vmin
≈ 16px
vmax
1.25vmax
≈ 16px
pt
12pt
≈ 16px
pc
1pc
≈ 16px
%
1.25%
≈ 16px
cm
0.4233cm
≈ 16px
mm
4.2333mm
≈ 16px
in
0.1667in
≈ 16px
ch
1.9048ch
≈ 16px
ex
2ex
≈ 16px
Hızlı referans
Yaygın piksel değerlerinin varsayılan ayarlarla dönüşümü (16px kök, 1280×720 viewport).
| Piksel | rem | em | pt | % | vw | vh | Tailwind ipucu |
|---|---|---|---|---|---|---|---|
| 1px | 0.063rem | 0.063em | 0.75pt | 0.078% | 0.078vw | 0.139vh | — |
| 8px | 0.5rem | 0.5em | 6pt | 0.625% | 0.625vw | 1.111vh | p-2 / m-2 |
| 16px | 1rem | 1em | 12pt | 1.25% | 1.25vw | 2.222vh | p-4 / m-4 |
| 24px | 1.5rem | 1.5em | 18pt | 1.875% | 1.875vw | 3.333vh | p-6 / m-6 |
| 32px | 2rem | 2em | 24pt | 2.5% | 2.5vw | 4.444vh | p-8 / m-8 |
| 48px | 3rem | 3em | 36pt | 3.75% | 3.75vw | 6.667vh | p-12 / m-12 |
| 64px | 4rem | 4em | 48pt | 5% | 5vw | 8.889vh | p-16 / m-16 |
| 96px | 6rem | 6em | 72pt | 7.5% | 7.5vw | 13.333vh | p-24 / m-24 |
| 128px | 8rem | 8em | 96pt | 10% | 10vw | 17.778vh | p-32 / m-32 |
Tailwind 4'te boşluk birimi 0.25rem'dir (16px kökte 4px). Tipografi değerleri text-* sınıflarına denk gelir.