Dodaj biel do koloru, a otrzymasz odcień. To cała definicja. Różowy to odcień czerwieni. Błękit nieba to odcień niebieskiego. Pastelowe kolory to odcień czegoś bardziej nasyconego.

Zamieszanie zaczyna się, ponieważ w mowie potocznej ludzie używają zamiennie terminów odcień i cień. W teorii koloru są to przeciwieństwa. Odcień dodaje czerń. Ton dodaje szarość. Barwa dodaje biel. Trzy różne operacje, trzy różne rezultaty. Projektant pracujący w HSL może stworzyć odcień, zwiększając jasność. Malarz dodaje biały pigment.

Odcienie w systemach projektowych

• Utwórz stany najechania jaśniejsze od koloru bazowego
• Twórz kolory tła, które pozostają w tej samej rodzinie odcieni
• Sugerują lekkość, miękkość lub przystępność
• Ustal hierarchię wizualną bez zmiany odcienia

Wiele systemów projektowych generuje skalę odcieni na podstawie jednego koloru bazowego, zazwyczaj dziesięciostopniowego, od odcienia bliskiego bieli do odcienia bliskiego czerni. Zarówno Material Design, jak i wytyczne Apple dotyczące interfejsu użytkownika (Human Interface Guidelines) opierają się na skalach odcieni. Zaletą jest spójność. Każdy jasnoniebieski w systemie pochodzi z tego samego przepisu. Wadą jest monotonia, jeśli skala jest używana bez żadnych zmian. Odcienie najlepiej sprawdzają się w połączeniu z wyrazistym kolorem bazowym w którymś miejscu kompozycji.