Renk Kodu Dönüştürücü
HEX, RGB, HSL ve OKLCH kodları arasında anında dönüştüren ve iki renk arasındaki WCAG kontrast oranını hesaplayan ücretsiz çevrimiçi renk aracı.
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL ayarı
Kontrast oranı (WCAG)
Karşılaştırma rengi:
샘플 텍스트
Kontrast oranı: 3.68:1
WCAG: AA Large
Yerleştir
Son guncelleme: 2026 · Ucretsiz cevrimici arac
Renk Kodu Dönüştürücü nedir?
HEX, RGB, HSL ve OKLCH kodları arasında anında dönüştüren ve iki renk arasındaki WCAG kontrast oranını hesaplayan ücretsiz çevrimiçi renk aracı.
Nasil Kullanilir
- 1Renk girin— Renk seçiciyi veya metin girişini kullanın. HEX, rgb() ve hsl() formatları desteklenir.
- 2Formatları görüntüleyin— HEX, RGB, HSL ve OKLCH formatları aynı anda gösterilir.
- 3Değerleri kopyalayın— CSS değerini kopyalamak için her formatın kopyala düğmesini kullanın.
- 4Kontrast oranını kontrol edin— WCAG kontrast oranını kontrol etmek için karşılaştırma rengi ayarlayın.
Ilgili Araclar
CSS Gradyan OluşturucuDoğrusal, radyal ve konik geçişler için görsel CSS gradyan oluşturucu: renk durakları ekleyin, açıyı ayarlayın ve hazır CSS'i kopyalayın. Arka plan ve butonlar için ideal, ücretsiz.
CSS Box Shadow OluşturucuOfset, bulanıklık, yayılma, renk ve inset kontrolleriyle canlı önizleme sunan ücretsiz çevrimiçi CSS box-shadow kodu oluşturucu.
CSS Birim Referansıpx, em, rem, %, vw, vh, vmin, vmax ve ch birimlerini kategorilere göre toplayan CSS birimleri referansı. Her mutlak ve göreli birimin ne zaman kullanılacağını açıkça anlatır, ücretsiz.
PX-REM DönüştürücüCSS piksel ve rem birimlerini özelleştirilebilir kök yazı tipi boyutuna göre iki yönlü çeviren PX-REM dönüştürücü, ondalık değerler dahil. Kopyalanabilir referans tablosu ve CSS parçacığı ile.
Sikca Sorulan Sorular
OKLCH, Oklab renk uzayının silindirik gösterimidir ve algısal olarak en düzgün renk uzayıdır. CSS Color Level 4'te desteklenir.
Metin ve arka plan renkleri arasındaki parlaklık farkını ölçer. AA en az 4,5:1, AAA ise 7:1 gerektirir.
Şu anda yalnızca opak renkler (RGB, 6 haneli HEX) desteklenmektedir. RGBA ve HSLA gelecekte eklenecektir.
Evet. Her formatın çıktısını doğrudan CSS'e yapıştırabilirsiniz.
Hayır. Tüm renk dönüştürmeleri tarayıcınızda gerçekleşir.