Неправильно определённый оттенок при подборе цвета интерфейса, ремонте экрана или печати макета приводит к заметному рассогласованию: «тот же» синий на соседних элементах выглядит по-разному, а напечатанный баннер не совпадает с макетом на мониторе. Проверить оттенок можно прямо на экране: наведите курсор на нужный участок изображения и считайте его код с помощью пипетки — встроенной в графический редактор или системной утилиты. Это занимает несколько секунд и даёт точное числовое значение вместо субъективного «тёмно-голубой».
Определение оттенка — это перевод визуального восприятия в числовой код по одной из цветовых моделей: RGB, HEX, HSL или CMYK. Каждая модель описывает один и тот же цвет по-разному, и выбор зависит от задачи: для веба удобнее HEX, для полиграфии — CMYK, для тонкой настройки яркости и насыщенности — HSL. Ниже разберём все рабочие методы от быстрой пипетки до ручного анализа по цветовому кругу.
Что такое оттенок и чем он отличается от цвета
В колористике термины разделяют строго. Цвет — это общее название (синий, красный, зелёный), а оттенок (hue) — положение цвета на спектральном круге, выраженное в градусах от 0 до 360. Кроме оттенка у цвета есть ещё два параметра: насыщенность (saturation) и светлота (lightness). Меняя только оттенок, вы двигаетесь по кругу от красного к фиолетовому; меняя насыщенность — от серого к чистому цвету.
На практике словом «оттенок» часто называют любую вариацию цвета: «пыльно-розовый», «холодный серый», «оливковый». Для точной работы таких описаний недостаточно — один и тот же «оливковый» у разных людей и на разных экранах выглядит по-разному. Поэтому профессионалы всегда оперируют кодами.
💡Оттенок — это числовое значение, а не словесное описание. Для точной передачи цвета всегда фиксируйте код в HEX, RGB или HSL.