Цвета ниже, похоже, имеют какой-то «тон» вместе. Например, такие цвета кажутся слишком яркими, чтобы вписаться в эту группу .
Что именно делает этот «тон»? Мне нужна техническая информация, чтобы, если я захочу добавить фиолетовый в эту группу или создать другую группу цветов, я мог найти точные цветовые коды HTML, которые мне нужны.
Скриншот взят отсюда
Я сделаю снимок. В отображаемых вами цветах нет ничего уникального — они похожи в том, что все они попадают в небольшой диапазон как насыщенности, так и яркости, но у них нет похожего тона или оттенка, и они не находятся под какой-либо определенной цветовой гармонией. (по крайней мере я в курсе)
В качестве мысленного эксперимента я возьму те же цвета, которые вы предоставили, и поверну все значения оттенков на 45 градусов.
Итак, теперь у нас есть цвета с той же насыщенностью и яркостью, что и раньше, однако мы изменили их оттенок.
Как вы можете видеть, между первым и вторым цветами существует одинаковое количество взаимосвязей, они не вписываются в особую цветовую гармонию, и, честно говоря, мне так же неудобно говорить, что первые связаны, как я говорю, что вторые связаны. связанные с.
Вам лучше создавать из известных цветовых гармоний, таких как цветовая гармония Тетрада. Их также легче изменить программно, потому что они основаны на заданных вариациях оттенков между цветами. Что касается генерации шестнадцатеричного кода, вам нужно будет создать алгоритм, который преобразует значения hsl в шестнадцатеричный, или просто использовать hsl, которые поддерживаются в CSS, хотя у вас есть проблема с IE8 и ниже. (Есть полифилы, которые обеспечивают поддержку, которую можно найти с помощью поиска Google)
Визуально все цвета на скриншоте имеют примерно одинаковый уровень яркости и насыщенности . Они не совсем одинаковы, но они довольно близки.
Одна из причин, по которой это не обязательно очевидно из представления цветов RGB или даже HSL/HSV , заключается в том, что даже HSL/HSV является довольно неоднородным с точки зрения восприятия цветовым пространством: цвета, которые имеют одно и то же значение «яркости» HSL, могут иметь очень разные значения. видимая светлота в зависимости от их оттенка, и наоборот.
Проблема усугубляется тем фактом, что необработанные значения цвета RGB, которые у вас есть, скорее всего, имеют гамма-кодирование и сначала должны быть преобразованы в линейное цветовое пространство, прежде чем вы сможете выполнять с ними какую-либо полезную колориметрию.
Если вы хотите найти дополнительный цвет, который имеет такую же воспринимаемую яркость и насыщенность, как и ваши исходные цвета, у вас есть два основных варианта:
Просто на глаз. Начните с простого представления HSL/HSV, измените значение оттенка на то, что вы хотите, а затем вручную отрегулируйте яркость и насыщенность, пока все не будет выглядеть хорошо. Я подозреваю, что это то, что сделал первоначальный дизайнер палитры.
Преобразуйте цвета в однородное для восприятия цветовое пространство, такое как CIECAM02 (при необходимости, после гамма-декодирования), и поверните оттенок в этом цветовом пространстве. Это должно дать результаты, требующие гораздо меньше ручной настройки, но, к сожалению, требует поиска программного обеспечения, поддерживающего такую цветовую модель (или самостоятельного выполнения довольно нетривиальных математических расчетов).
Это изменение параметра Hue в цветовой системе HSB .
ваше изображение с настройкой оттенка
DA01
Скотт
Дуг.МакФарлейн