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'den Metin ÇıkarPDF'yi GIF'e DönüştürPDF'yi WebP'ye DönüştürPDF'yi SVG'ye DönüştürPDF'yi Word'e 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ürJPG'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 Kare Çıkarıcı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.

%100 gizli — tüm hesaplamalar tarayıcınızda yapılır, hiçbir veri sunucuya gönderilmezSonsuza 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
  • Tümünü gör →

Kategoriler

  • Matematik
  • Finans
  • Sağlık & Yaşam
  • Finans & İş
  • Geliştirici Araçları
  • Mühendislik
  • Kategoriler →

Daha Fazla

  • Döviz Çevirici
  • Dosya Dönüştürücü
  • Oyunlar ve Eğlenceli Araçlar

Yasal

  • Hakkımızda
  • İletişim
  • Gizlilik Politikası
  • Kullanım Koşulları
  • Sorumluluk Reddi
  • Site Haritası

Diller

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

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

ile oluşturuldu — %100 ücretsiz

Sunucu yok — tamamen statik site, sıfır veri toplama

  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.

Hesap makinesi yükleniyor...
Bu araç size yardımcı oldu mu?

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.

Bu Hesap Makinesi Ne Zaman Kullanılmalı

  • Aracın maliyetlerini değerlendirmeniz gerektiğinde
  • Sonuçları benzer araçlarla karşılaştırdığınızda
  • Aracı farklı senaryolarda nasıl kullanacağınızı öğrenirken
  • Sonuçları ekip veya müşterilerle paylaştığınızda
  • Aracın hesaplamalarının doğruluğunu doğruladığınızda
  • Belirli bir soruna hızlı ve kolay bir çözüm aradığınızda

Adımlar:

  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.

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

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

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

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

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

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

İlgili Kavramlar

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Örnek

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

Sonuçlarınızı Yorumlama

Bu araç, girdiğiniz bilgilere dayalı olarak ayrıntılı sonuçlar gösterir. Sayıları nasıl yorumlayacağınızı ve bunlardan nasıl karar çıkaracağınızı anlamak için her bölümü dikkatlice inceleyin. Aracın nasıl çalıştığı veya belirli sonuçları nasıl yorumlayacağınız hakkında sorularınız varsa, aşağıdaki SSS bölümüne bakın veya destek ekibiyle iletişime geçin.

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.
Bu araç ücretsiz mi?
Evet, bu araç tamamen ücretsizdir ve üyelik gerektirmez. Dilediğiniz gibi kullanabilirsiniz.
Veriler güvende mi?
Evet, tüm hesaplamalar tarayıcınızda gerçekleşir. Sunucularımıza herhangi bir veri gönderilmez.
Bu aracı telefonumda kullanabilir miyim?
Evet, araç akıllı telefonlar ve tabletler dahil tüm cihazlarla uyumludur.
Sonuçlarımı nasıl kaydederim?
Bu özellik mevcutsa sonuçları kopyalayabilir veya PDF ya da CSV dosyası olarak dışa aktarabilirsiniz.
Sonuçlar doğru mu?
Sonuçlar kabul görmüş formül ve denklemlere dayanır. Maksimum doğruluk için girdi değerlerinizi kontrol edin.
Bu aracı çevrimdışı kullanabilir miyim?
Evet, hesaplamaların çoğu tarayıcınızda yerel olarak gerçekleşir ve internet bağlantısı gerektirmez.
Araçla ilgili bir sorunu nasıl çözerim?
En güncel tarayıcı sürümünü kullandığınızdan emin olun ve gerekirse önbelleği temizleyin. Sorun devam ederse destek ekibiyle iletişime geçin.

İlgili Araçlar

Daha fazla araç keşfet

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

API Para Kazanma Hesaplayıcı

Benzer araçlar

En Boy Oranı Hesaplayıcı
Geliştirici Araçları
Bant Genişliği Hesaplayıcı
Geliştirici Araçları
İndirme Süresi Hesaplayıcı
Geliştirici Araçları
Bulut Barındırma Maliyeti Hesaplayıcı
Geliştirici Araçları
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100