Как найти промежуточные цвета

Цветосмеситель

Сервис для подбора палитры цветов путем нахождения промежуточныx значений между двумя заданными

Формат: Hex
RGB
RGB%
Первый цвет:  
Второй цвет:  
Количество промежуточных цветов:
замес цвета сброс значений
Палитра цветов:  
 
 
 
 
 
 
 
 
 
 
 

Задайте граничные цвета или выберите их из «безопасной» палитры справа.

Определите количество промежуточных смесевых цветов.

Нажмите кнопку замеса и получите палитру качественно замешанных красок.

Let your current cR, cG and cB value be 0%, and let the R, G, and B values be 100%, then you just have to iterate i = 1 to 100 with each iteration adding cRGB + i * (RGB – cRGB). You don’t have to use 100 intermediate colors, you can use N of them.

function(currentColor, desiredColor, N) {

    var colors = [],
    cR = currentColor.R,
    cG = currentColor.G,
    cB = currentColor.B,
    dR = desiredColor.R - cR,
    dG = desiredColor.G - cG,
    dB = desiredColor.B - cB;

    for(var i = 1; i <= N; i++) {
        colors.push(new Color(cR + i * dR / N, cG + i * dG / N, cB + i * dB / N));
    }

    return colors;
}

However, that won’t give you very good intermediate colors. The first thing you should do is convert your colors into HSV or similar colorspace where intensity is separate from hue and saturation. That will give you much better intermediate colors. http://en.wikipedia.org/wiki/HSL_and_HSV

To do that, first convert your colors to HSV, and run the same algorithm as above, but with H S and V instead of RGB, but keep in mind that S and V have a min of 0 and max of 1, while H is represented in degrees between 0 and 360. You might have to do something with H if you want it to go from the current color to destination color as quickly as possible e.g. if cH = 10 and dH = 50, then going from 10 -> 50 is shortest, but if cH = 10 and dH = 350, then going from 10 -> -10 (same as 350 degrees) is shorter.

Как получить промежуточные цвета от одного к другому?

Вопрос:

Лучший ответ:

Предположим, что у нас есть 2 цвета (R1, G1, B1) (R2, G2, B2) и N число промежуточных цветов:

for i from 1 to N:
    Ri = R1 + (R2-R1) * i / N
    Bi = B1 + (B2-B1) * i / N
    Gi = G1 + (G2-G1) * i / N
    AddToArray(Ri,Gi,Bi)

Это то, что вы ищете?

PS: Я бы рекомендовал использовать цветовое пространство HSL вместо RGB, если вы хотите иметь более естественный градиент цвета.

Ответ №1

Пусть ваши текущие значения cR, cG и cB будут равны 0%, а значения R, G и B будут на 100%, тогда вам просто нужно повторить я = 1 до 100 с каждой итерацией, добавив cRGB + я * ( RGB – cRGB). Вам не нужно использовать 100 промежуточных цветов, вы можете использовать N из них.

function(currentColor, desiredColor, N) {

var colors = [],
cR = currentColor.R,
cG = currentColor.G,
cB = currentColor.B,
dR = desiredColor.R - cR,
dG = desiredColor.G - cG,
dB = desiredColor.B - cB;

for(var i = 1; i <= N; i++) {
colors.push(new Color(cR + i * dR / N, cG + i * dG / N, cB + i * dB / N));
}

return colors;
}

Однако это не даст вам очень хорошие промежуточные цвета. Первое, что вам нужно сделать, это преобразовать ваши цвета в HSV или подобное цветовое пространство, где интенсивность отделена от оттенка и насыщенности. Это даст вам намного лучшие промежуточные цвета. http://en.wikipedia.org/wiki/HSL_and_HSV

Чтобы сделать это, сначала преобразуйте свои цвета в HSV и выполните тот же алгоритм, что и выше, но вместо HS и V вместо RGB, но имейте в виду, что S и V имеют мин 0 и макс 1, тогда как H представлен в градусах от 0 до 360. Возможно, вам придется что-то сделать с H, если вы хотите как можно быстрее перейти от текущего цвета к цвету назначения если cH = 10 и dH = 50, то переход от 10 → 50 является самым коротким, но если cH = 10 и dH = 350, то переход от 10 → -10 (то же, что и 350 градусов) короче.


Вторичные третичные цвета, хроматические и ахроматические цвета

Видео: Вторичные третичные цвета, хроматические и ахроматические цвета

Содержание

  • Какие бывают третичные цвета?
  • Желто-зеленый
  • Оранжево-красный
  • Цвет морской волны
  • желтый оранжевый
  • Красный фиолетовый
  • Сине-фиолетовый
  • Как образуются третичные цвета?
  • Хроматический круг
  • Формирование третичных тонов
  • Желто-зеленый
  • Оранжево-красный
  • Цвет морской волны
  • желтый оранжевый
  • Красный фиолетовый
  • Сине-фиолетовый
  • Важные соображения
  • Ссылки

В Третичные цвета или промежуточные – это те, которые достигаются путем комбинирования первичных тонов со вторичными тонами, которые находятся рядом с ними на хроматическом круге. Этот круг, также известный как цветовое колесо, упорядоченным образом представляет основные тона и цвета, производные от них.

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

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

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

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

Какие бывают третичные цвета?

Как мы объясняли ранее, присвоение имен всем третичным цветам – практически невыполнимая задача, поскольку возможные комбинации порождают очень разные оттенки между собой, даже если это происходит из-за незаметных различий.

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

Желто-зеленый

Первый из этих цветов – желто-зеленый, также называемый фисташково-зеленым, лаймовым или зеленовато-желтым. Как указывает одно из его названий, это тот, который содержится в липах. Он имеет высокую интенсивность и широко присутствует в природе.

Оранжево-красный

Второй оттенок – оранжево-красный, также называемый оранжево-красным, красновато-оранжевым или кирпично-красным. В природе он присутствует в помидорах, а на искусственных территориях его можно увидеть в кирпичах зданий.

Цвет морской волны

Зелено-синий – третий из высших оттенков. Он также известен как бирюзово-голубой, зеленовато-синий или бирюзовый, и его можно увидеть на некоторых пляжах с белым песком и мелководьем.

Некоторым он известен как бирюзово-зеленый, и он также присутствует в некоторых типах ара.

желтый оранжевый

Четвертый оттенок – желто-оранжевый, также известный как янтарный, желто-оранжевый или желтовато-оранжевый. Это теплый цвет, который содержится в яичных желтках и кабачках, среди многих других природных элементов.

Красный фиолетовый

Пятый третичный цвет – фиолетово-красный, также известный как пурпурно-красный или пурпурно-красный. Этот цвет довольно интенсивный и присутствует в природе в пурпурном луке, сливе и гортензии.

Сине-фиолетовый

Наконец, шестой третичный цвет – фиолетово-синий, также называемый пурпурно-синим или пурпурно-синим. Многие цветы в природе имеют этот оттенок; Примеры этого – герань и африканская фиалка.

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

Как образуются третичные цвета?

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

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

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

Хроматический круг

Хроматический круг – это цветовой круг, в котором первичные, вторичные и третичные тона появляются упорядоченным образом.

Некоторые цветные круги могут иметь градиент в переходах тонов, в то время как другие более фрагментированы и имеют сплошные цветные полосы. В целом они обычно включают от 12 до 48 различных тонов.

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

Формирование третичных тонов

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

Желто-зеленый

Зеленовато-желтый цвет рождается из сочетания желтого и зеленого.

Оранжево-красный

Красновато-оранжевый цвет получается в результате смешения красного и оранжевого тонов.

Цвет морской волны

Зеленовато-синий или бирюзово-синий цвет возникает в результате сочетания зеленого и синего цветов.

желтый оранжевый

Этот тон, также называемый желтовато-оранжевым, создается в результате смешения оранжевых и желтых тонов.

Красный фиолетовый

Пурпурно-красный образуется при смешивании фиолетового или пурпурного и красного цветов.

Сине-фиолетовый

Пурпурно-синий возникает при сочетании фиолетовых или фиолетовых и синих тонов.

Важные соображения

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

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

Разница между тонами очень небольшая; По этой причине третичные цвета считаются практически неисчерпаемыми, поскольку допускают множество разнообразий.

Ссылки

  1. «Промежуточный цвет» в Википедии. Получено 26 ноября 2019 г. из Википедии: wikipedia.org.
  2. «Фиолетовый (цвет)» в Википедии. Получено 26 ноября 2019 г. из Википедии: wikipedia.org.
  3. Лассо, С. «Первичные, вторичные и высшие цвета» в «О» на испанском языке. Получено 26 ноября 2019 г. из About на испанском языке: aboutesespanol.com
  4. Мардер, Л. «Третичные цвета и смешение цветов» в Live about. Получено 26 ноября 2019 г. из Live about: liveabout.com
  5. «Первичные, вторичные и третичные цвета» на PBS. Получено 26 ноября 2019 г. с PBS: pbs.org.
  6. «Третичный цвет» в Merriam-Webter. Получено 26 ноября 2019 г. из Merriam-Webter: merriam-webster.com

Добавить комментарий