Как собрать палитру из одного цвета

Это заметка из серии «60 секунд». В ней я публикую избранные короткие эссе, обычно со ссылкой на рекомендуемый материал. Больше таких заметок — в  телеграме

9 из 10 статей о работе с цветом в дизайне напоминают мне картинку «как нарисовать сову».

Сначала автор подробно и со вкусом рассказывает о HSB-модели и цветовом колесе. Наличие картинки с колесом строго обязательно, потому что без него статью не будут шарить и переводить, а если колесо в наличии — сразу видно: автор эксперт, статья стоящая.

Затем дело доходит до единственного вопроса, который на самом деле интересует читателя: «как мне подобрать палитру?», и тут автор стремительно сливается. Следует нечто невразумительное о комплементарных и смежных цветах, статья завершается отсылкой к генератору цветовых схем.

Приятное исключение — статья Эрика Кеннеди «Color in UI Design: A Practical Framework». Эрик пропустил лирику о колёсах, а вместо этого подробно ответил на один вопрос: как сделать из основного цвета красивую цветовую гамму.

Вот правила (но статью всё равно советую прочитать, в ней важные пояснения):

  • Чтобы получить более темный оттенок: уменьшить яркость, увеличить насыщенность, чуть сдвинуть тон в сторону меньшей освещенности (0°, 120° или 240°)

  • Чтобы получить более светлый оттенок: увеличить яркость, уменьшить насыщенность, чуть сдвинуть тон в сторону большей освещенности (60°, 180°, 300°)

Color in UI Design: A Practical Framework

🕑 10 минут