Возьмите чистый синий и добавьте черный. В результате получится оттенок. Не тон, для которого используется белый цвет. Не серая тональность, для которой используется серый цвет. Под оттенком подразумевается цвет, затемненный путем добавления черного пигмента или уменьшения яркости в цифровом цветовом пространстве.

В повседневной речи этот термин используется довольно свободно, где любое изменение цвета может называться оттенком. В теории цвета это различие имеет значение. Оттенок красного — это розовый. Половина красного — это бордовый. Тон красного находится где-то посередине, приглушенный и сероватый. Художники смешивают оттенки на палитре. Цифровые дизайнеры корректируют значение яркости в HSL или уменьшают значения RGB.

Оттенки в дизайнерской работе

• Создайте глубину, затемнив края или тени.
• Создайте состояния при наведении курсора и состояния активности для кнопок.
• Создайте иерархию в монохромной палитре.
• Указывает на вес, заземление или серьезность.

Оттенки встречаются повсюду в дизайне интерфейсов. Кнопка, которая темнеет при наведении курсора, использует оттенок своего базового цвета. То же самое относится и к карточке, отбрасывающей тень. Секрет в согласованности. Выберите базовый оттенок и сгенерируйте на его основе семейство оттенков, а затем используйте это семейство во всей системе. Случайное затемнение создает мутные, невнятные цвета. Преднамеренное затенение формирует визуальный язык.