Renk masası

Renk Tonu Oluşturucu

Bir rengi beyazla karıştırarak açıklaştırın.

Renk Tonu Oluşturucu: TOEA şu sabit formülü uygular: Ton = renk × (1 − miktar) + beyaz × miktar. Renk hesaplamaları tarayıcıda yerel olarak çalışır. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Çalıştırma sayısı
Tarayıcınızda
Maliyet
Ücretsiz · kayıt gerekmez
Kullanılabilirlik
Kullanıma hazır
TOEA / RENK MOTORU 01Yalnızca tarayıcıda
GİRDİ SAYFASI / 01

Renk değerleri

Değerler bu cihazda kalır. Bir girdiyi değiştirdikten sonra yeniden hesaplayın.

SONUÇ SAYFASI / 02

Tonlanmış HEX

#5C8AF0

Tonlanmış RGB
rgb(92, 138, 240)
Kullanılan formülTon = renk × (1 − miktar) + beyaz × miktar
VARSAYIMLAR / KULLANMADAN ÖNCE OKUYUN
  1. Sonuçlar deterministik sRGB matematiksel dönüşümleridir; görüntünün görünümü monitörünüze ve renk profilinize bağlıdır.
  2. HEX girişi #RGB veya #RRGGBB gösterimini kabul eder. Değerler tarayıcınızda kalır ve yüklenmez.

Açık bir ölçek oluşturma

Tasarım sistemleri daha açık adımlarını çoğu zaman beyazla karıştırarak oluşturur; Bootstrap'in tint-color() işlevi de bu şekilde çalışır. %80–95 beyaz içeren renk tonları uyarılar, seçili satırlar ve rozetler için arka plan oluştururken %20–40 oranı, üzerine gelme dolguları ve illüstrasyonlar için marka renginin daha yumuşak bir sürümünü verir. Yüzdelerin anlamını korumak için her adımı bir önceki renk tonundan değil, özgün temel renkten oluşturun. En açık adımlarda metin veya simgeler için temel rengi kullanın.

Açık tonlar neden tebeşirimsi görünebilir?

Beyaz eklemek, açıklığı artırmanın yanı sıra doygunluğu da azaltır; bu nedenle soluk tonlar sütlü görünebilir ve özellikle maviler lavantaya kayabilir. Açık bir adım iyi görünmüyorsa biraz daha doygun bir temel renk deneyin veya renk dönüştürücüde açıklığı doğrudan ayarlayıp karşılaştırın. Bir ton açıldıkça üzerindeki koyu metin kontrast testini daha kolay geçer; kullandığınız çifti kontrast kontrol aracında kontrol edin.

Nasıl kullanılır?

  1. Geçerli #RGB veya #RRGGBB değerlerini ve istenen yüzdeyi girin.
  2. Sabit tarayıcı içi renk işlemini çalıştırın.
  3. Renk örneklerini inceleyin ve sonucu ya da palet değerlerini kopyalayın.

Gizlilik ve sınırlamalar

Renk değerleri bu cihazda kalır. Kontrast çıktısı matematiksel bir kontrol aracıdır; kapsamlı bir WCAG uyumluluk garantisi değildir. Bağlam, yazı tipi oluşturma, metin dışı kontrast ve kullanıcı arayüzü durumları ayrıca incelenmelidir.

İlgili araçlar

Sık sorulan sorular

Ton Oluşturucu nasıl çalışır?

Ton = renk × (1 − miktar) + beyaz × miktar formülünü kullanır.

Hangi HEX biçimleri kabul edilir?

Üç basamaklı #RGB veya altı basamaklı #RRGGBB sRGB gösterimini kullanın. Alfa kanalları ve adlandırılmış renkler kabul edilmez.

Kontrast sonucu erişilebilirlik uyumluluğunu garanti eder mi?

Hayır. Bu araç, bildirilen renkler ve metin eşikleri için matematiksel bir kontrast kontrolü yapar; kapsamlı bir uyumluluk garantisi vermez.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez