Bir renge beyaz eklediğinizde bir ton elde edersiniz. Tanım bu kadar basit. Pembe, kırmızının bir tonudur. Gökyüzü mavisi, mavinin bir tonudur. Pastel renkler ise daha doygun bir rengin tonudur.

Kafa karışıklığı, insanların günlük konuşmada ton ve gölgeyi birbirinin yerine kullanmasından kaynaklanıyor. Renk teorisinde bunlar zıt kavramlardır. Gölge siyah ekler. Ton gri ekler. Açık renk ise beyaz ekler. Üç farklı işlem, üç farklı sonuç. HSL ile çalışan bir tasarımcı, açıklık değerini artırarak bir ton oluşturabilir. Bir ressam ise beyaz pigmenti karıştırarak bir renk tonu elde eder.

Tasarım sistemlerinde renk tonları

• Fareyle üzerine gelindiğinde ortaya çıkan durumları, temel renkten daha açık tonlarda oluşturun.
• Aynı renk ailesinde kalan arka plan renkleri oluşturun.
• Ferahlık, yumuşaklık veya samimiyet hissi uyandırın.
• Renk tonunu değiştirmeden görsel hiyerarşi oluşturun.

Birçok tasarım sistemi, genellikle beyaza yakın tondan siyaha yakın tona kadar on adımdan oluşan tek bir temel renkten bir renk tonu skalası oluşturur. Material Design ve Apple'ın İnsan Arayüzü Kılavuzları da renk tonu skalalarına dayanmaktadır. Avantajı tutarlılıktır. Sistemdeki her açık mavi aynı formülden gelir. Dezavantajı ise, skala varyasyon olmadan kullanılırsa monotonluktur. Renk tonları, kompozisyonda güçlü bir temel renkle eşleştirildiğinde en iyi sonucu verir.