2
Opak bir arka plan ayarlayın ve dönüşümü çalıştırın.
3
Formatları kopyalayın veya renk ve kontrast raporunu dışa aktarın.
CSS renk görüntüleyici ve kontrast denetleyici
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.
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.
İ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.
