Přidejte k barvě bílou a získáte odstín. To je celá definice. Růžová je odstín červené. Nebesky modrá je odstín modré. Pastelová cokoli je odstín něčeho sytějšího.

Zmatek začíná, protože lidé v běžné řeči používají pojmy odstín a stín zaměnitelně. V teorii barev jsou to protiklady. Odstín přidává černou. Tón přidává šedou. Odstín přidává bílou. Tři různé operace, tři různé výsledky. Designér pracující v HSL může vytvořit odstín zvýšením hodnoty světlosti. Malíř přimíchává bílý pigment.

Odstíny v designových systémech

• Vytvořit stavy při přidržení myši světlejší než základní barva
• Vytvářejte barvy pozadí, které zůstávají ve stejné rodině odstínů
• Naznačují vzdušnost, měkkost nebo přístupnost
• Vytvořte vizuální hierarchii bez změny odstínu

Mnoho designových systémů generuje stupnici odstínů z jedné základní barvy, obvykle v deseti krocích od téměř bílé po téměř černou. Material Design i Apple Human Interface Guidelines se oba spoléhají na stupnice odstínů. Výhodou je konzistence. Každá světle modrá v systému pochází ze stejného receptu. Nevýhodou je monotónnost, pokud se stupnice používá bez obměn. Odstíny fungují nejlépe, když jsou spárovány se silnou kotevní barvou někde v kompozici.