Renk Kontrastı Denetleyici

Tam kontrast oranlarını görmek ve normal ile büyük metin için WCAG AA ve AAA eşiklerini geçip geçmediğini kontrol etmek için bir metin rengi ve bir arka plan rengi seçin — tasarımınızın okunabilir ve erişilebilir olduğundan emin olmak için gereklidir.

Tasarım ve CSS Araçları Tamamen tarayıcınızda çalışır

Tüm hesaplamalar cihazınızda yapılır — renkler asla sunucuya gönderilmez.

Metin rengi

Arka plan rengi

Normal 16px metin Aa 123

Kontrast oranı: 18.88:1

AA (normal metin): Geçti ✓

AA (büyük metin): Geçti ✓

AAA (normal metin): Geçti ✓

AAA (büyük metin): Geçti ✓

Bununla devam edin

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

Bir rengi HEX, RGB, ve HSL formatları arasında anında dönüştürün.

Geliştirici AraçlarıAracı aç

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

HTML Erişilebilirlik Denetleyicisi

HTML kodunu yaygın erişilebilirlik sorunları için tarayın — eksik alt metni, etiketsiz alanlar, yanlış başlık sırası ve daha fazlası.

Geliştirici AraçlarıAracı aç

İlgili araçlar

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

CSS Box-Shadow Oluşturucu

Kaydırıcılarla görsel olarak bir CSS box-shadow tasarlayın ve oluşturulan kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

CSS Border-Radius Oluşturucu

Yuvarlatılmış köşeleri görsel olarak tasarlayın — asimetrik şekiller dahil — ve CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

PX'den REM'e Dönüştürücü

Özel bir kök yazı tipi boyutuna dayalı olarak piksel ve rem birimleri arasında dönüştürme yapın.

Tasarım ve CSS AraçlarıAracı aç

Renk Paleti Çıkarıcı

Herhangi bir görselden en baskın renkleri HEX, RGB ve CSS kodlarıyla çıkarın

Tasarım ve CSS AraçlarıAracı aç

Uddatak'i denemeye hazır mısınız?

Tüm araç kütüphanesine göz atın ve ihtiyacınız olanı hemen şimdi kullanmaya başlayın — ücretsiz, kayıt gerekmez.

Tüm araçlara göz atın