CSS Birim Dönüştürücü
px, rem, em, pt ve vw birimleri arasında çevirin; kök yazı boyutunu kendiniz belirleyin.
rem'in kök yazı boyutuna bağlı olduğunu herkes bilir; gözden kaçan, bu boyutun kullanıcının tarayıcısında 16px olmak zorunda olmadığıdır. Erişilebilirlik için yazıyı büyüten biri, rem ile yazılmış bir arayüzde her şeyin birlikte büyüdüğünü görür — px ile yazılmışta görmez. Bu yüzden kök boyut burada sabit değil, değiştirebileceğiniz bir değer. em için üst öge boyutunu, vw için görüntü genişliğini de ayrıca verebilirsiniz.
Nasıl kullanılır
- Değeri ve birimi girin Çevirmek istediğiniz sayıyı yazıp kaynak birimi seçin.
- Kök boyutu ayarlayın Tasarımınız 16px dışında bir kök boyut kullanıyorsa burada değiştirin.
- Karşılıkları kopyalayın Her birimin karşılığı ayrı satırda, kendi kopyalama düğmesiyle durur.
Sık sorulan sorular
- rem mi em mi kullanmalıyım?
- Çoğu yerde rem: her zaman kök boyuta bağlıdır ve öngörülebilir. em üst ögeye bağlı olduğu için iç içe ögelerde katlanarak büyür; bunu bilerek istediğiniz durumlar dışında şaşırtıcı sonuçlar verir.
- pt birimi web'de kullanılır mı?
- Ekran için uygun değil, baskı stillerinde yeri var. CSS'te 1pt = 1/72 inç ve 1 inç = 96px kabul edilir, yani 1pt yaklaşık 1,333px eder.
İlgili araçlar
Renk Dönüştürücü
HEX, RGB ve HSL arasında çevirin; kontrast oranını WCAG ölçütlerine göre görün.
CSS Gölge (box-shadow) Üretici
box-shadow kuralını kaydırıcılarla kurun, canlı önizlemede görün ve hazır kuralı kopyalayın.
JSON Biçimlendirici
Tek satıra sıkışmış JSON'u okunur hâle getirin, hatalı yeri satır numarasıyla görün.