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 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 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
- 1 Renk girin — Renk seçiciyi veya metin girişini kullanın. HEX, rgb() ve hsl() formatları desteklenir.
- 2 Formatları görüntüleyin — HEX, RGB, HSL ve OKLCH formatları aynı anda gösterilir.
- 3 Değerleri kopyalayın — CSS değerini kopyalamak için her formatın kopyala düğmesini kullanın.
- 4 Kontrast 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şturucu Ofset, 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.