Renk Tonları Oluşturucu
Herhangi bir renk için ton ve gölgeler oluşturun. Temel rengi ve ton sayısını seçin, HEX, RGB ve HSL değerlerini anında alın. Ücretsiz, %100 tarayıcınızda.
Referans
Ton ve gölge nedir?
Renk teorisinde ton, beyazla karıştırılmış herhangi bir renktir (daha açık yapar) ve gölge, siyahla karıştırılmış herhangi bir renktir (daha koyu yapar). Birlikte monokromatik palet oluştururlar — farklı açıklık seviyelerinde tek bir renk tonu varyasyonları. Bu araç, beyazdan temel renginiz üzerinden siyaha kadar tam bir skala oluşturarak tasarım ve geliştirme için kullanıma hazır bir renk rampası sunar.
Renk tonları kullanım alanları
Tasarım sistemleri — Tailwind CSS (50–950), Material Design ve çoğu modern tasarım sisteminin kullandığı deseni takip ederek marka rengi için 9 veya 11 adımlı bir ton skalası oluşturun. UI bileşen durumları — arka planlar ve hover durumları için daha açık tonlar, birincil eylemler için temel renk, metin, kenarlıklar ve aktif durumlar için daha koyu gölgeler kullanın. Veri görselleştirme — choropleth haritalar, ısı haritaları ve yoğunluğun büyüklüğü temsil ettiği grafikler için açıktan koyuya sıralı renk skaları oluşturun. Erişilebilirlik — WCAG kontrast oranı gereksinimlerini (normal metin için 4,5:1, büyük metin için 3:1) karşılayan ton çiftleri bulun.
Tonlar nasıl oluşturulur
Tonlar, beyazdan (#FFFFFF) temel renk üzerinden siyaha (#000000) kadar RGB uzayında doğrusal interpolasyon ile oluşturulur. N ton için temel renk skalanın orta noktasında görünür. Her adım eşit şekilde karışır ve tutarlı açıklık ilerlemesi üretir. Çıktı HEX, RGB ve HSL formatlarında mevcuttur — tek tek değerleri veya paletin tamamını bir kerede kopyalayın.
Gizlilik
Tüm renk oluşturma işlemleri %100 tarayıcınızda çalışır. Hiçbir veri sunucuya gönderilmez.