Skip to main content
CalculoraCalculora

Finans & İş

Finans Hesap MakineleriYatırım ve PlanlamaKişisel FinansGayrimenkul Yatırımıİş AraçlarıStartup ve Yazılım Şirketleri

Matematik & Teknoloji

Matematik Hesap MakineleriMühendislik AraçlarıFizik AraçlarıGeliştirici AraçlarıOkul Araçları

Sağlık & Yaşam

Tıbbi AraçlarAkıllı AraçlarRastgele Seçici

Yaratıcı & Özel

İçerik Üretici Ekonomisiİslami AraçlarSürdürülebilirlikOyunlar

Dönüştürücüler

Birim DönüştürücüUzunluk DönüştürücüAğırlık DönüştürücüSıcaklık Dönüştürücü→ Birim Dönüştürücüler

Rastgele Seçici

Rastgele Sayı ÜreticiParola Gücü DenetleyicisiÇarkı ÇevirYazı Tura SimülatörüZar Atma SimülatörüSaat Dilimi Çakışma Hesaplayıcısı→ Rastgele Seçici
Dosya Dönüştürücü

PDF Araçları

PDF'yi JPG'ye DönüştürPDF'yi PNG'ye DönüştürPDF'yi TXT'ye dönüştürPDF'yi GIF'e DönüştürPDF'yi WebP'ye DönüştürPDF'yi SVG'ye DönüştürPDF'yi DOCX'ye dönüştürPDF'yi Excel'e DönüştürPDF'yi PowerPoint'e DönüştürPDF'yi HTML'ye DönüştürPDF'yi Markdown'a DönüştürPDF'yi TIFF'e Dönüştür

Görüntü Dönüştürücü

JPG'yi PNG'ye DönüştürPNG'yi JPG'ye DönüştürPNG'yi WebP'ye DönüştürWebP'yi PNG'ye DönüştürWebP'yi JPG'ye DönüştürJPG'yi WebP'ye DönüştürSVG'yi PNG'ye DönüştürSVG'yi JPG'ye DönüştürSVG'yi WebP'ye DönüştürBMP'yi PNG'ye DönüştürBMP'yi JPG'ye DönüştürBMP'yi WebP'ye Dönüştür

Gelişmiş Görüntüler

HEIC'yi JPG'ye DönüştürHEIC'yi PNG'ye DönüştürTIFF'yi JPG'ye DönüştürTIFF'yi PNG'ye DönüştürJPG'yi TIFF'e DönüştürPNG'yi TIFF'e DönüştürJPG'yi ICO'ya DönüştürPNG'yi ICO'ya DönüştürJPEG'yi AVIF'ye dönüştürPNG'yi AVIF'ye Dönüştür

GIF & Animasyon

GIF Karelerini PNG'ye DönüştürGIF Karelerini JPG'ye DönüştürGIF öğesini ayrı karelere dönüştürün (PNG/JPEG)PNG'yi GIF'e DönüştürJPG'yi GIF'e DönüştürGIF'yi WebP'ye Dönüştür

Düzenleme

Filigran ekleGörüntü Nesnesi KaldırıcıTarayıcınızda anında görsel boyutlandırmaGörselleri çevrimiçi sıkıştırın — dosya boyutunu azaltın, kaliteyi koruyun
Matematik Hız MücadelesiZihinsel Matematik YarışmasıWordleBint WaladSudoku2048
Döviz Çevirici
CalculoraCalculora

Tüm ihtiyaçlarınız için tek durak hesap makinesi platformunuz. Ücretsiz, hızlı ve doğru araçlar.

Hesap makinesi girdileri %100 gizli kalır — tüm hesaplamalar tarayıcınızda gerçekleşir ve asla sunucularımıza ulaşmazSonsuza kadar ücretsiz — ödeme duvarı yok, abonelik yok, hesap gerekmez

Popüler

  • VKİ Hesaplama
  • Kredi Hesaplayıcı
  • Yaş Hesaplama
  • Mortgage Hesaplama
  • Yüzde Hesaplama
  • Bilimsel Hesap Makinesi

Matematik

  • İstatistik Hesaplayıcı
  • Denklem Çözücü
  • Kesir Hesaplama
  • Asal Çarpanlar Hesaplayıcı
  • EBOB ve EKOK Hesaplayıcı
  • Logaritma Hesaplayıcı

Finans

  • Finansal Bağımsızlık Erken Emeklilik Hesaplayıcı
  • Borç Kartopu Hesaplayıcısı
  • Yatırım Hesaplama
  • Emeklilik Hesaplayıcı
  • Maaş Hesaplama
  • Yatırım Getirisi Hesaplama

Yasal

  • Tümünü gör
  • Kategoriler
  • Döviz Çevirici
  • Site Haritası
  • Oyunlar ve Eğlenceli Araçlar
  • Hakkımızda
  • İletişim
  • Gizlilik Politikası
  • Kullanım Koşulları
  • Sorumluluk Reddi

Diller

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 2026 Calculora. Tüm hakları saklıdır.

ile oluşturuldu — %100 ücretsiz

Hafif ve hızlı — çerezler ve analizler yalnızca izninizle çalışır

  1. Ana Sayfa
  2. Geliştirici Araçları
  3. CSS Birim Dönüştürücü

CSS Birim Dönüştürücü

Kendi taban yazı tipi boyutunuzu ve viewport boyutlarınızı kullanarak px, rem, em, pt, vw, vh ve % arasında anında dönüştürün — 1.5rem'in piksel cinsinden ne olduğunu tahmin etmeye artık gerek yok.

CSS Birim Dönüştürücü nedir?

CSS, boyutlandırma için birkaç farklı birimi destekler — px ve pt gibi mutlak birimler ile rem, em, vw, vh ve % gibi göreceli birimler. Göreceli birimler duyarlı, erişilebilir tasarım için gereklidir (özellikle rem, bir kullanıcının tarayıcı yazı tipi boyutu tercihine saygı gösterir), ancak bunlar arasında zihinsel olarak dönüştürme yapmak gerçekten zordur, çünkü sonuç bağlama bağlıdır: kök yazı tipi boyutu, mevcut öğenin yazı tipi boyutu veya viewport boyutları.

Bu dönüştürücü bu hesaplamayı sizin için yapar: taban yazı tipi boyutunuzu, viewport boyutlarınızı ve dönüştürdüğünüz değeri ayarlayın ve diğer her birimdeki eşdeğer değeri anında görün — bir tasarım mockup'ının piksel ölçümlerini duyarlı rem/vw değerlerine çevirmek veya mevcut bir CSS kuralının ekranda gerçekte nasıl render edildiğini iki kez kontrol etmek için kullanışlıdır.

Formül

1rem = 1em = taban yazı tipi boyutu (varsayılan 16px)
1pt = 96/72 px ≈ 1,333px
1vw = viewport genişliği / 100
1vh = viewport yüksekliği / 100
1% = referans değer / 100

Nasıl Hesaplanır

  1. Dönüştürmek istediğiniz değeri girin ve başlangıç birimini seçin.
  2. Taban yazı tipi boyutunuzu ayarlayın (varsayılan tarayıcı standardı olan 16px'tir).
  3. vw/vh dönüşümleri için hedef viewport genişliğinizi ve yüksekliğinizi girin.
  4. Diğer her birimdeki eşdeğer değeri anında okuyun.

Örnek

16px taban yazı tipi boyutunda, 1.5rem 24px'e dönüşür. 1440px viewport genişliğinde, 5vw 72px'e dönüşür.

Temel Faydalar

  • 7 yaygın CSS biriminin tümü arasında tek bir yerde dönüştürür
  • Sabit bir varsayım yerine gerçek taban yazı tipi boyutunuzu ve viewport'unuzu kullanır
  • Yazarken anında sonuçlar — tarayıcı geliştirici araçlarını açmaya gerek yok
  • Ücretsiz, kayıt gerektirmez, tamamen tarayıcınızda çalışır

Kaçınılması Gereken Yaygın Hatalar

  • Kök yazı tipi boyutunun değişip değişmediğini kontrol etmeden 1rem'in her zaman 16px'e eşit olduğunu varsaymak
  • Tarayıcı adres çubuğu davranışını hesaba katmadan mobil tam yükseklikli düzenler için vh kullanmak
  • em tabanlı yazı tipi boyutlarını iç içe geçirip beklenmedik şekilde biriktiklerinde şaşırmak
  • Aynı bileşen içinde px ve rem'i tutarsız bir şekilde karıştırarak erişilebilirlik ölçeklemesini bozmak

Uzman İpuçları

  • İç içe geçmiş bileşenlerde beklenmedik birikmeyi önlemek için yazı tipi boyutlarında em yerine rem'i tercih edin
  • Hedef tarayıcılarınız destekliyorsa mobil tam ekran düzenler için vh yerine dvh/svh kullanın
  • rem dönüşümlerinin öngörülebilir kalması için tasarım sisteminiz genelinde tutarlı bir taban yazı tipi boyutu koruyun
  • Piksel mükemmelliğinde bir tasarımı çevirirken, boşlukları rem'e dönüştürün ancak kenarlık genişliklerini ve diğer ince ayrıntıları px olarak tutun

Anahtar Terimler Açıklandı

Kök yazı tipi boyutu
Tüm rem birimlerinin göre olduğu, html öğesinde ayarlanan yazı tipi boyutu
Viewport
Bir web sayfasının tarayıcı penceresindeki görünür alanı
Mutlak birim
px veya pt gibi, herhangi bir bağlama göre olmayan, sabit gerçek dünya boyutuna sahip bir birim
Göreceli birim
rem, em, vw veya % gibi boyutu başka bir değere bağlı olan bir birim

Yaygın Kullanım Alanları

  • Bir tasarımcının piksel tabanlı Figma/Sketch spesifikasyonunu erişilebilir CSS için rem değerlerine dönüştürme
  • vw tabanlı duyarlı bir yazı tipi boyutunun belirli bir ekran genişliğinde gerçekte neye render edildiğini kontrol etme
  • Eski pt tabanlı baskı veya e-posta CSS'ini web standardı px veya rem'e çevirme
  • Bir tasarım sisteminin boşluk ölçeğinin birimler arasında düzgün hizalanıp hizalanmadığını denetleme
  • Geliştirici araçlarını açmadan kod incelemesi sırasında bir CSS değerini hızlıca doğrulama

Sıkça Sorulan Sorular

rem ve em arasındaki fark nedir?
rem her zaman kök (html) öğesinin yazı tipi boyutuna göredir, bu nedenle bir öğe ne kadar derin iç içe geçmiş olursa olsun tutarlı kalır. em ise mevcut öğenin kendi yazı tipi boyutuna görelidir, bu da iç içe geçtiğinde birikebileceği anlamına gelir — bu araç, basitlik için ikisini de taban yazı tipi boyutunuzu kullanarak aynı şekilde ele alır.
1rem neden genellikle 16px'e eşittir?
16px, hemen hemen her tarayıcıda kök html öğesi için varsayılan tarayıcı yazı tipi boyutudur. rem bu kök boyuta göre olduğundan, sayfa (veya kullanıcının tarayıcı ayarları) kök yazı tipi boyutunu açıkça değiştirmedikçe 1rem, 16px'e eşittir.
vw ve vh ne için kullanılır?
vw (viewport genişliği) ve vh (viewport yüksekliği), tarayıcı penceresinin mevcut genişliğinin ve yüksekliğinin yüzdeleridir — 1vw, viewport genişliğinin %1'ine eşittir. Genellikle tam ekran düzenler ve ekranla birlikte ölçeklenen duyarlı tipografi için kullanılır.
Bir piksel her zaman tam olarak 1/96 inç midir?
CSS spesifikasyonuna göre evet — bir CSS pikseli 1/96 inç olarak tanımlanır, bu aynı zamanda 1pt'in (1/72 inç) tam olarak 96/72 = 1,333 CSS pikseline dönüşmesinin nedenidir.

İlgili Araçlar

En Boy Oranı Hesaplayıcı
Bant Genişliği Hesaplayıcı
İndirme Süresi Hesaplayıcı
Bulut Barındırma Maliyeti Hesaplayıcı
İçerik Dağıtım Ağı Cost Calculator
Uygulama Programlama Arayüzü Para Kazanma Hesaplayıcı
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100