Генератор палитры

Калькулятор генерирует набор цветов от заданного начального к конечному, используя максимальное разнообразие (радугу).

Эта страница существует благодаря следующим персонам

Timur

Timur

Создан: 2016-08-17 07:09:59, Последнее изменение: 2020-11-03 14:19:33
Creative Commons Attribution/Share-Alike License 3.0 (Unported)

Этот материал распространяется на условиях лицензии Creative Commons Attribution/Share-Alike License 3.0 (Unported). Это означает, что вы можете размещать этот контент на своем сайте или создавать на его основе собственный (в том числе и в коммерческих целях), при условии сохранения оригинального лицензионного соглашения. Кроме того, Вы должны отметить автора этой работы, путем размещения HTML ссылки на оригинал работы https://planetcalc.ru/5799/. Пожалуйста оставьте без изменения все ссылки на других авторов данной работы или работы, на основе которой создана данная работа (если таковые имеются в спроводительном тексте).

Калькулятор ниже генерирует набор цветов от заданного начального цвета к конечному, получая ленту цветов с переходами по типу радуги. Может пригодиться для генерации расцветок сайта, цвета линий на графиках, и т. п. Немного теории по генерации цветов под калькулятором.

PLANETCALC, Генератор палитры

Генератор палитры

Файл очень большой, при загрузке и создании может наблюдаться торможение браузера.

Задача программной генерации набора цветов между двумя заданными не совсем тривиальна, как может казаться. Дело в том, что программисты (за дизайнеров не скажу, но возможно) для представления цвета чаще всего используют модель RGB. Если ее визуализировать в виде куба на трех координатах (red green blue), то получится примерно вот такой рисунок: (источник).

https://commons.wikimedia.org/wiki/File%3ARGBCube_b.svg
https://commons.wikimedia.org/wiki/File%3ARGBCube_b.svg

И на самом деле, имея две точки в координатах этого куба, как начальный и конечный цвет, довольно сложно сделать достаточно простой алгоритм движения от одного цвета к другому.

Но все меняется, если представлять цвет в модели: HSV.
Вот ее визуализация (источник).

https://commons.wikimedia.org/wiki/File:HSV_cone.png
https://commons.wikimedia.org/wiki/File:HSV_cone.png

Теперь описать движение от одного цвета к другому проще. Собственно, это и делает калькулятор — переводит заданные начальный и конечный цвета из RGB в HSV и делает простую линейную интерполяцию между ними. Кстати, стоит заметить, что для целочисленных представлений цветов 16777216 цветов RGB отображаются на 3600000 цветов HSV, поэтому обратное преобразование может дать цвет, немного отличающийся от начального или конечного цвета.

Ссылка скопирована в буфер обмена
PLANETCALC, Генератор палитры

Комментарии