Цветовая схема трансформации

Question

Учитывая набор цветов, скажем, цвета на этой веб-странице, и другую палитру с равным количеством цветов, , что было бы хорошим способом сопоставить первое с последним , в то время как:

• сохранение контраста между отдельными цветами
• сохранение относительной интенсивности цветов (не уверен, насколько это важно)

По сути, эта веб-страница должна отображаться вновая цветовая палитра, пока она разборчива.

Какое цветовое пространство подойдет для этой задачи?

Можете ли вы также указать мне на какую-либо связанную работу?

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

Answer 1

В общем, я думаю, что лучше преобразовать цвета в HSV, а затем преобразовать оттенок (и обратно в исходное кодирование). Мы используем яркость (темные элементы) и насыщенность (невыбранные кнопки и т. Д.) В качестве семантического элемента, поэтому лучше его сохранить.

Таким образом, вы также поддерживаете контраст.

Но: нормальное HSV на самом деле не является истинным физиологическим HSV: наиболее используемая формула просто установлена ​​для гаммы RGB и дает максимальный диапазон и является независимым от параметра. От реальности максимум V зависит от H (если вы хотите сравнить V между разными цветами) и другого эффекта.

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

Примечание: последняя версия CSS и многие препроцессоры CSS позволяют вам использовать значения HSV и применять программно насыщенность, свет и изменения оттенков.