ウェブの色のスケール

Question

Googleマップを使用して履歴イベントを表示していますが、イベントが発生した10年に基づいてマーカーを色付けしたいと考えています。このイベントは1800年から2000年の間に行われています（約20年後）。私は、スケールを黄色から橙色、赤色にスケールしたいと思います。何か案は？これは私がこれを読んだ後やっている - 男：How to get hex color value rather than RGB value?

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

Answer 1

使用HSL

tldrは=ウェブRGB

EDITで20段階に黄色から赤色にスケールします代わりに、色の最初のパラメータHを調整するだけで済みます。 0から50の何かが、あなたに素敵な赤と黄色のグラデーションを与えるはずです。

レッド例：hsl(0, 100, 50%);

イエロー例：hsl(50, 100, 50%);

Answer 2

これは100％主観的です。スケールはありません。

他の専門的に制作されたマップからカラースキームをコピーしたり、別の場所で配色のインスピレーションを見つけたりすることをお勧めします。

ナショナルジオグラフィックを使用することをお勧めします。または、自然界に出てカラースキームに触発されることをお勧めします。

あなたの状況では、葉が木の下に落ちて秋に見えるすべての色について考えてみてください。

これはカラープリンタで印刷する必要はないと思いますが、これはさらに複雑になります。