Не забывайте, что даже если вы работаете со значениями цвета LAB, значения RGB должны быть выведены, чтобы отобразить их на экране. В какой-то момент он должен сказать красным, зеленым и синим пикселям экрана, что делать.

Посмотрите на это с точки зрения RGB, и причина появления полос на самом деле довольно проста.

Возьмите палитру цветов и посмотрите на градиенты, и вы заметите, что полосы находятся вокруг точек, где меняется характер градиента:

• В красном цвете это примерно то место, где плавное увеличение R в RGB превращается в добавление G, чтобы стать желтым — от #FF0000 до #FF2500.
• В синем цвете он плавно переходит от плавного увеличения B в RGB к добавлению G, чтобы стать голубым — от #0000FF до #0025FF.

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

• это от #000000 до #FF0000 (увеличение яркости в терминах HSB, увеличение красного канала в RGB)
• затем от #FF0000 до #FFFF00 (изменение оттенка в терминах HSB, увеличение зеленого канала в RGB)
• затем от #FFFF00 до #FFFFFF (изменение насыщенности в терминах HSB, увеличение синего канала в RGB)

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

Тем не менее , если вы полны решимости использовать более широкий спектр (это выглядит хорошо), я бы рассмотрел либо начало добавления второго канала до того, как первый будет завершен, сформировав раздел моста между градиентами, либо имея небольшая обратная S-образная кривая скорости, с которой добавляется второй канал (вероятно, оба).

Итак, вместо:

• От 000000 до #FF0000, от 100 % черного до 100 % красного

• От FF0000 до #FFFF00, от 100 % красного до 100 % желтого

• От FFFF00 до #FFFFFF, от 100 % желтого до 100 % белого

... это может быть (просто догадываюсь с головы, потребуется настройка):

• От 000000 до #E90000, от 100% черного до ярко-красного

• От E90000 до #FF2500, (КОРОТКИЙ МОСТ) от ярко-красного (темного) до ярко-красного (слегка оранжевого)

• от FF2500 до #FFE900, от ярко-красного (слегка оранжевого) до ярко-желтого (слегка оранжевого)

• от FFE900 до #FFFF25, (КОРОТКИЙ МОСТ) от ярко-желтого (слегка оранжевого) до ярко-желтого (светлого)

• От FFFF25 до #FFFFFF, от ярко-желтого (светлого) до 100% белого

... затем отрегулируйте изгибы каждой секции по своему вкусу :-)

Изменить: вот демонстрация предложения «срезать углы». Это не идеально - это довольно неочищено, просто то, что я собрал на глаз за несколько минут, используя инструмент смешивания Illustrator (несмешанные объекты внизу, чтобы показать цветовые точки). Каждый сегмент градиента между каждой цветовой точкой на 100% линейный, тогда как вам, вероятно, нужно что-то более округлое, и в результате, если вы внимательно посмотрите, вы сможете обнаружить полосы.

Результаты естественно различаются между мониторами: на моем «хорошем» мониторе все гладко; на «плохом» мониторе, который я использую для проверки устойчивости веб-изображений (где исходные полосы отображаются не очень четко), оранжевые всегда кажутся приглушенными, из-за чего красные и желтые области кажутся ярче, чем сливающиеся оранжевые, чрезмерно подчеркивая красный цвет. и желтые области, но вы все еще можете видеть, что «край» исходных полос в значительной степени исчез.

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

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

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

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

Может быть, это могло бы помочь вам, это работает для меня, но я не знаю, как это сделать вручную.

http://nomorebanding.com/