ToolsMaxxing

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

Bir rengi HEX, RGB, HSL, HSV ve CMYK arasında dönüştürün ve metin kontrastını kontrol edin.

HEX
#4f46e5
RGB
rgb(79, 70, 229)
HSL
hsl(243, 75%, 59%)
HSV
hsv(243, 69%, 90%)
CMYK
cmyk(66%, 69%, 0%, 10%)

Metin kontrastı (WCAG)

Bu renk üzerinde beyaz metin
6.29:1 AA geçer
Bu renk üzerinde siyah metin
3.34:1 Yalnızca büyük metin

Dosyalarınız cihazınızda kalır

Nasıl çalışır

  1. 1Herhangi bir biçimde bir renk yazın veya renk seçiciyle seçin.
  2. 2Aynı rengi HEX, RGB, HSL, HSV ve CMYK olarak okuyun.
  3. 3İhtiyacınız olan biçimi kopyalayın.
  4. 4Üzerinde beyaz veya siyah metnin okunaklı olup olmadığını görmek için kontrast satırlarına bakın.

Seçenekler ne işe yarar

Kabul edilen girdi
#rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() ve tomato gibi CSS renk adları.
Kontrast
Beyaz ve siyaha karşı WCAG oranı. 4,5:1 normal metin için AA’yı, 3:1 büyük metin için AA’yı karşılar.

Gizlilik

Her şey tarayıcınızda çalışır. Yazdığınız hiçbir şey sunucuya gönderilmez.

Sık sorulan sorular

CMYK değeri baskı için kesin mi?

Hayır. RGB’den yapılan basit bir matematiksel dönüşümdür. Yazıcılar renk profilleri kullanır, bu yüzden matbaa provası, özellikle parlak mavi ve yeşillerde farklı görünür.

HSL ile HSV arasındaki fark nedir?

İkisi de ton, doygunluk ve bir parlaklık ekseni tanımlar. HSL’de yüzde 100 açıklık her zaman beyazdır. HSV’de yüzde 100 değer, rengin en parlak halidir. Tasarım araçları çoğunlukla HSV, CSS ise HSL kullanır.

Sekiz haneli hex ne demek?

Son iki hane opaklıktır, 00 (şeffaf) ile ff (dolu) arasında. #4f46e580 yaklaşık yüzde 50 opaktır.

Renk adı neden çalışmıyor?

Yalnızca tomato veya rebeccapurple gibi CSS adlı renkler tanınır. Tasarım araçlarındaki adlar tanınmaz.

Hangi kontrasta ihtiyacım var?

WCAG AA, gövde metni için 4,5:1, büyük metin ve arayüz parçaları için 3:1 ister. AAA gövde metni için 7:1 ister.

İlgili araçlar