Renk Kodu Dönüştürücü

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Son guncelleme: 2026 · Ucretsiz cevrimici arac

Renk Kodu Dönüştürücü nedir?

HEX, RGB, HSL, OKLCH renk kodları arasında WCAG kontrast oranı ile ücretsiz çevrimiçi dönüştürme aracı

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.

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.