Bir CSS renk değeri girin; örneğin #ff6600, ff6600, rgb(255 102 0) veya hsl(24 100% 50%). Araç, rengi gösterecek ve onu yaygın CSS formatlarına dönüştürecektir.
Saydam bir renkle kontrastı hesaplamak için kullanılan opak arka plan. Girdiğiniz rengi değil, karşılaştırma arka planını değiştirir.
Değerler bu tarayıcıda sRGB'ye çözümlenir. CurrentColor, var() ve sistem renkleri gibi bağlama bağlı renkler kabul edilmez. Geniş gam ve CSS Renk 4 işlevleri bu aracın desteklediği giriş formatlarının dışındadır. Şeffaflık RGBA, HSLA ve alfa HEX'de korunur. RGB ve HSL alfayı atlar. Kontrast eşikleri tam erişilebilirlik denetiminin yerini almaz.
Geçerli bir CSS renk değeri girin.
Giriş değişti. Bu rapor hala son başarılı çalışmaya aittir.
Burada bir renk örneği görünecek
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS girişi
—
WCAG kontrast oranı:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 sıradan metin için AA eşiğidir; 3:1 yalnızca yeterince büyük metinlere uygulanır. 7:1 sıradan metinler için AAA'dır. Renk çifti kontrolü genel sayfa erişilebilirliğini sağlamaz.
Neden çevrimiçi bir CSS renk denetleyicisi kullanmalısınız?
Bu araç, herhangi bir CSS renk değerini doğrudan tarayıcınızda hızlı bir şekilde görselleştirmenize yardımcı olur. Bir tasarım sisteminden, stil kılavuzundan veya düzenden kodları yapıştırabilir ve ekranda nasıl göründüklerini anında görebilirsiniz.
Bir web sitesi için stiller hazırlarken, marka renklerini eşleştirirken veya mevcut düzenlerde hata ayıklarken bunu kullanın. Denetleyici, HEX, RGB, RGBA, HSL ve adlandırılmış renkler dahil tüm standart CSS formatlarını destekler.
Hızlı başlangıç
CSS renkleri dönüştürün ve alfa ile opak bir arka plan üzerinde metin kontrastını kontrol edin.
1
Bir metin rengi ve arka plan girin
2
Kontrast eşiklerini dönüştürün ve inceleyin
3
Bir formatı kopyalayın veya CSS ve JSON'yi dışa aktarın
İncelemeler yayınlanmadan önce kontrol edilir. Gerçek olumlu geri bildirimler ve özel eleştiriler yayınlıyoruz. Yararlı ayrıntıları olmayan spam ve hakaretler yayınlanmaz; küfür ve kişisel ayrıntılar maskelenir. Olumlu oylar derhal sayılır; Olumsuz oylar inceleme sonrasında sayılır.
İncelemeler, sonuçların garantisi veya hizmet sınırlarının açıklaması değil, kullanıcıların deneyimlerini yansıtır. Yorum bırakmak için yukarıdaki derecelendirme düğmelerini kullanın.
