Градиент — переход оттенков цвета¶
Градиент — плавный переход одного цвета в другой, либо визуальное изображение такого перехода. Термин происходит от латинского gradus — «шаг, ступень». В контексте кроссвордов и словесных игр слово «градиент» (7 букв) является ответом на определение вида «переход одного оттенка цвета в другой». Слово также широко используется в математике, физике, компьютерной графике и дизайне.
¶Этимология и значение
Латинское gradus означает «шаг, ступень, степень». В русский язык слово «градиент» пришло в XVIII–XIX веках вместе с математической и физической терминологией. Изначально оно обозначало величину и направление наискорейшего изменения некоторой функции (см. раздел «В математике»). Перенос значения на визуальный переход цветов — сравнительно поздний, XX-вековой, связанный с развитием компьютерной графики и типографики.
В толковых словарях русского языка «градиент» определяется как:
- математическая величина — вектор, характеризующий скорость и направление изменения функции;
- плавный переход от одного состояния к другому, в частности от одного оттенка к другому;
- в геологии — крутизна склона, уклон.
¶В математике и физике
В векторном анализе градиент скалярного поля — векторное поле, значение которого в каждой точке равно вектору наискорейшего возрастания значения функции в этой точке, а направление совпадает с направлением наискорейшего роста. Обозначается обычно как grad f или ∇f, где ∇ — оператор набла (дельта).
Ключевые свойства градиента:
- градиент перпендикулярен линиям (поверхностям) равного значения функции — эквипотенциалям;
- модуль градиента показывает максимальную скорость изменения функции;
- градиент нулевой функции — нулевой вектор.
В физике градиент применяется для описания поля температуры (градиент температуры), давления (градиент давления), электрического потенциала (градиент потенциала, связанный с напряжённостью электрического поля соотношением E = −grad φ). В метеорологии градиентом давления называют изменение атмосферного давления на единицу расстояния.
¶В компьютерной графике и дизайне
В компьютерной графике градиент — заливка, при которой цвет плавно меняется от одного значения к другому по заданной траектории. Различают следующие типы градиентной заливки:
| Тип | Описание |
|---|---|
| Линейный | Переход вдоль прямой линии между двумя и более точками (стопами) |
| Радиальный | Переход от центральной точки к краям по окружности или эллипсу |
| Конический (угловой) | Переход по дуге окружности вокруг центральной точки |
| Меш (сетчатый) | Сложный градиент, задаваемый сеткой узлов с индивидуальными цветами |
Точки, в которых заданы конкретные цвета, называются цветовыми стопами (color stops). Между стопами цвет вычисляется интерполяцией — обычно линейной в пространстве RGB, хотя для более естественных переходов используется интерполяция в HSL/HSV или в линейном RGB.
Градиенты применяются в веб-дизайне (CSS-свойства linear-gradient, radial-gradient, conic-gradient), в растровых и векторных редакторах (Adobe Photoshop, Illustrator, Figma, GIMP), в операционных системах для оформления интерфейсов. В 2010-е годы наблюдался всплеск популярности «плоского дизайна» (flat design), в котором градиенты почти не использовались; к концу 2010-х они вернулись в моду в виде мягких «мягких» (soft) и многоцветных градиентов.
¶В типографике и фотографии
В типографике градиент используется для создания объёмных эффектов, теней и подсветки текста. В фотографии и видеомонтаже градиентный фильтр (Graduated Neutral Density, GND) — светофильтр с плавным переходом от затемнённой зоны к прозрачной, применяемый для балансировки яркости неба и переднего плана.
¶В кроссвордологии
В словарях кроссвордиста и на кроссвордных сайтах слово «градиент» традиционно ассоциируется с определениями:
- «переход одного оттенка в другой»;
- «плавный переход цвета»;
- «изменение цвета по градиенту»;
- «постепенное изменение тона».
Длина ответа — 7 букв, что делает его частым решением для кроссвордов и сканвордов стандартного формата. Слово подходит под определения с буквами Г-Р-А-Д-И-Е-Н-Т на соответствующих позициях сетки.
¶Применение в науке и технике
Понятие градиента выходит за рамки визуальных искусств. В машинном обучении градиентный спуск — итерационный алгоритм оптимизации, при котором параметры модели корректируются в направлении, противоположном градиенту функции потерь. Разновидности: SGD (стохастический градиентный спуск), Adam, RMSProp и другие. В географии и геологии градиентом называют уклон местности или изменение какого-либо параметра (температуры, солёности, высоты) на единицу расстояния.
¶Интересные факты
- Термин «градиент» в значении «вектор изменения функции» ввёл в научный оборот шотландский математик и физик Гамильтон в 1840-х годах.
- В CSS веб-разработчики могут задавать градиенты с помощью нативных функций без изображений, что уменьшает вес страницы.
- Некоторые дальтоники воспринимают градиенты между красным и зелёным цветами неоднозначно, поэтому в доступном дизайне рекомендуется использовать контрастные переходы.
¶Источники
- Лопатин В. В., Лопатина Л. Л. Русский толковый словарь
- Ожегов С. И. Толковый словарь русского языка
- Кузнецов С. А. Большой толковый словарь русского языка
- Математическая энциклопедия. Градиент скалярного поля
- CSS Color Module Level 3, W3C Recommendation
- Руднев М. Словарь культурологических терминов