Renk Kodu Dönüştürücü
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL Adjustment
Contrast Ratio (WCAG)
Compare color:
샘플 텍스트
Contrast ratio: 3.68:1
WCAG: AA Large
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ürme yapan ve iki renk arasındaki WCAG kontrast oranını hesaplayarak erişilebilirlik uyumunu kolayca kontrol etmenizi sağlayan ücretsiz çevrimiçi araç.
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
Zaman Damgası DönüştürücüUnix zaman damgaları ile tarihler arasında iki yönlü dönüşüm yapan ücretsiz çevrimiçi araç. Saniye (10 hane) ve milisaniyeyi (13 hane) tanır; KST, JST, UTC, ISO 8601 ve göreli zamanı destekler.
CSS Gradyan OluşturucuÜcretsiz görsel CSS gradyan oluşturucu: linear, radial ve conic gradyanlar tasarlayın, renk duraklarını ve açıyı ayarlayın, ardından arka planlar için hazır CSS kodunu kopyalayın.
CSS Box Shadow OluşturucuOfset, bulanıklık, yayılma, renk ve inset kontrolleriyle gölgenin canlı önizlemesini sunan ve kopyalamaya hazır box-shadow CSS kodu üreten ücretsiz çevrimiçi CSS box-shadow oluşturucu.
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.