Масштаб для веб-цветов

Я использую карту Google для отображения исторических событий и хотел бы раскрасить маркеры в зависимости от десятилетия, в котором произошло событие. События происходят между 1800 и 2000 годами (около 20 разных десятилетий). Я хотел бы масштабировать шкалу от желтого до оранжевого и красного. Любые идеи?

tldr = хочу масштабировать от желтого до красного за 20 шагов в web rgb

РЕДАКТИРОВАТЬ: чуваки - это то, что я делаю после прочтения этого: Как получить шестнадцатеричное значение цвета, а не значение RGB?

http://jsfiddle.net/p6ek6/3/


javascript colors html google-maps-api-3 google-maps-markers
person Andrew Samuelsen    schedule 04.01.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вместо этого используйте HSL, так как вы можете просто настроить первый параметр H для цвета. Что-то от 0 до 50 должно дать вам хороший красно-желтый градиент.

Красный пример: hsl(0, 100, 50%);

Желтый пример: hsl(50, 100, 50%);

person Nate B    schedule 04.01.2012
comment
этот ответ больше всего похож на то, что я в итоге сделал. код доступен в jsfiddle при редактировании моего вопроса - person Andrew Samuelsen; 05.01.2012

arrow_upward
0
arrow_downward

Это на 100% субъективно. Нет шкалы.

Лучше всего скопировать цветовые схемы с других профессионально созданных карт или найти вдохновение для цветовых схем в другом месте.

Я предлагаю использовать National Geographic или просто отправиться на природу, чтобы вдохновиться цветовыми схемами.

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

Надеюсь, вам не придется печатать это на цветном принтере, иначе это станет еще сложнее.

person Teddy    schedule 04.01.2012