Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Ana içeriğe geç
Gizke.com
Blog

Renk Kodu Dönüştürücü – HEX, RGB, HSL ve Kontrast

Cihazınızda çalışır. Hiçbir şey gönderilmez.
Kontrast denetleyici

Beyaza karşı

AA (normal metin)

5.17:1Geçti

AA (büyük metin)

5.17:1Geçti

AAA (normal metin)

5.17:1Başarısız

AAA (büyük metin)

5.17:1Geçti

Siyaha karşı

AA (normal metin)

4.06:1Başarısız

AA (büyük metin)

4.06:1Geçti

AAA (normal metin)

4.06:1Başarısız

AAA (büyük metin)

4.06:1Başarısız
Tonlar

HEX, RGB ve HSL arasında dönüştürün, WCAG kontrastını kontrol edin ve bir ton skalası oluşturun - tamamen tarayıcınızda.

Bu araç bir rengi HEX, RGB ve HSL gösterimi arasında dönüştürür, beyaz ve siyah metne karşı WCAG kontrast oranını kontrol eder ve koyudan açığa bir ton skalası oluşturur - hepsi siz yazarken tarayıcınızda yerel olarak hesaplanır.

Sık sorulan sorular

WCAG AA ve AAA seviyeleri ne anlama gelir?
Bunlar Web İçerik Erişilebilirlik Yönergeleri'nden gelen erişilebilirlik kontrast eşikleridir: AA, normal metin için en az 4,5:1 kontrast gerektirir (büyük metin için 3:1, 18pt+ veya kalın 14pt+), daha katı olan AAA ise normal metin için 7:1 gerektirir (büyük metin için 4,5:1). AA'yı karşılamak, erişilebilir metin için yaygın temel çizgidir.
HEX/RGB/HSL neden çok az farklı bir değere dönebilir?
HSL, tonu, doygunluğu ve parlaklığı yuvarlanmış tam sayılar olarak saklar, bu yüzden RGB'yi HSL'ye ve geri dönüştürmek yuvarlama nedeniyle bir kanalı bir veya iki puan kaydırabilir - bu normaldir ve HSL destekleyen her renk aracında olur.
Ton skalası nasıl oluşturuluyor?
Rengin tonunu ve doygunluğunu sabit tutup yalnızca HSL uzayındaki parlaklığını neredeyse siyahtan neredeyse beyaza kadar değiştirerek. Bu, algısal olarak tek biçimli (daha karmaşık bir renk uzayı gerektirecek) bir skala yerine, çoğu günlük renk aracının sunduğu basit ve öngörülebilir bir skaladır.

Bu aracı paylaş

BlogHakkımızdaİletişimKullanım KoşullarıGizlilik Politikası