GeliştiriciÜcretsiz yazılımcı aracı
Renk Dönüştürücü ve Kontrast Denetleyici
HEX, RGB, HSL ve OKLCH arasında dönüştürün; iki renk arasındaki WCAG kontrast oranını ve AA/AAA uygunluğunu görün.
- Tarayıcınızda çalışırYazdığınız veri sunucumuza hiç gönderilmez.
- Sınırsız ve ücretsizÜyelik, kayıt ya da kullanım sınırı yok.
|
| Kontrast oranı | AA normal (4,5) | AA büyük (3) | AAA normal (7) | AAA büyük (4,5) |
|---|---|---|---|---|
Renk kodları nasıl dönüştürülür?
Web'de renkler HEX (#1f6fe2), RGB (rgb(31, 111, 226)) ve HSL (hsl(215, 77%, 50%)) biçimlerinde yazılır. HEX ve RGB aynı değerin farklı yazımıdır; HSL ise ton, doygunluk ve açıklık olarak düşünmeyi kolaylaştırır. OKLCH, insan algısına göre eşit aralıklı bir renk uzayıdır ve modern CSS'te tasarım sistemleri için tercih edilir.
WCAG (Web İçeriği Erişilebilirlik Yönergeleri) metin ile zemin arasında yeterli kontrast ister. Normal metinde AA düzeyi için en az 4,5:1, AAA için 7:1; büyük metinde (18 pt ya da 14 pt kalın) AA için 3:1, AAA için 4,5:1 oran gerekir. Kontrastı düşük metinler görme güçlüğü olan kullanıcılar için okunamaz.
Renk seçicisiyle ya da kod yazarak renkleri girin; dönüşümler ve kontrast oranı anında hesaplanır.
Sıkça sorulan sorular
WCAG kontrast oranı kaç olmalı?
Normal metin için AA en az 4,5:1, AAA en az 7:1; büyük metin için AA 3:1, AAA 4,5:1 ister.
OKLCH nedir?
İnsan algısına göre eşit aralıklı bir renk uzayıdır. Açıklık değeri aynı olan renkler gözle de aynı açıklıkta görünür; tasarım sistemlerinde renk ölçekleri kurmak için kullanılır.
İlgili araçlar
Daha fazla hak alın
Cep telefonunuzu SMS koduyla doğrulayın; yapay zekâ araçlarında, mizan analizinde ve site check-up'ta günlük hakkınız yükselsin. Ücretsizdir.
Kodu girin
· Yeni kod için sn