Renk Kodu Çevirici nedir, ne işe yarar?

Web tasarımında aynı renk farklı biçimlerde ifade edilir: CSS'te HEX kodu, grafik programlarında RGB, ton ayarı yaparken HSL. Bu araç, üç biçim arasında anında dönüşüm yapar ve değişikliği renk önizlemesinde gösterir.

Ayrıca seçtiğiniz rengin beyaz ve siyah zemin üzerindeki kontrast oranını hesaplar. Yeterli kontrast, okunabilirlik ve erişilebilirlik açısından önemlidir; WCAG normal metin için en az 4,5:1 oranını önerir.

Nasıl kullanılır?

  1. Renk seçiciyi kullanın veya HEX, RGB ya da HSL alanlarından birine kod yazın.
  2. Diğer biçimlerin otomatik güncellendiğini görün.
  3. Kontrast oranını kontrol edin.
  4. İstediğiniz formatı kopyalayıp tasarımınızda kullanın.

Kullanım ipuçları

  • Düğme ve bağlantı renklerinde en az 4,5:1 kontrast hedefleyin.
  • Marka renklerinizi tek bir yerde HEX olarak kayıt altında tutun.
  • Renk körlüğü olan kullanıcılar için bilgiyi yalnızca renkle iletmeyin.