OpenTools

Renk kodu dönüştürme — HEX, RGB, HSL, CMYK, kontrast denetimi

Tasarım taslağındaki renkleri CSS koduna aktarmak veya buton metninin erişilebilirlik ölçütlerine göre okunabilir olup olmadığını kontrol etmek için kullanılır.

Dosya sunucuya gönderilmez — yalnızca bu cihazın tarayıcısında işlenir

Parlaklık kontrastı denetimi (WCAG)

Bu rengi metin rengi olarak kullandığınızda arka planla kontrast oranı budur. Gövde metni için AA 4.5:1, AAA 7:1 / büyük metin (24px veya kalın 18.7px ve üzeri) için AA 3:1, AAA 4.5:1.

Çç Ğğ Aa 123
Beyaz arka plan6.29:1
✓ AA gövde metni ✗ AAA gövde metni ✓ AA büyük metin ✓ AAA büyük metin
Çç Ğğ Aa 123
Siyah arka plan3.34:1
✗ AA gövde metni ✗ AAA gövde metni ✓ AA büyük metin ✗ AAA büyük metin
Çç Ğğ Aa 123
Seçilen renk #FFFFFF6.29:1
✓ AA gövde metni ✗ AAA gövde metni ✓ AA büyük metin ✓ AAA büyük metin

Aydınlık/karanlık seviyesi

Bir hücreye tıkladığınızda HEX kodu kopyalanır.

Reklam

Renk dönüştürme kullanımı

  1. 1Renk kodunu girin veya renk seçiciden seçin (#4f46e5, rgb(), hsl() hepsi desteklenir).
  2. 2Tüm biçimlerin kodu gösterilir, tıklayınca kopyalanır.
  3. 3Beyaz, siyah ve seçtiğiniz renkle olan kontrast oranını, WCAG uyumluluğunu ve açık/koyu tonlarını gösterir.

Sık sorulan sorular

Kontrast oranı en az kaç olmalı?

WCAG AA, gövde metni için en az 4.5:1, büyük metin için en az 3:1 gerektirir; AAA ise sırasıyla en az 7:1 ve 4.5:1 gerektirir.

CMYK değeri baskı firmasından farklı çıkıyor.

Buradaki CMYK değeri basit bir matematiksel dönüşümdür. Gerçek baskı, kağıt ve mürekkep profiline bağlı olarak değişir; baskı firmasının ölçütlerini izleyin.

Reklam