3 つの色のセットが与えられ、同じ比率を維持しながら、新しい色から始めて、次の 2 つを生成します。
たとえば、次は心地よい青色のグラデーションです。
rgb(172, 228, 248)- 始める
rgb(108, 205, 243)- 終了
rgb(121, 181, 203)- 国境
異なる色から始まる一連の 10 個の同様のグラデーションを作成する必要があります。グラデーションで同じ明暗比を維持したいと思います。
したがって、色: rgb(254, 218, 113)(黄色) が与えられた場合、上記と同じ比率で端と境界の色をどのように計算できますか?
ここに私の試みがあります: 最初の 3 つの色が次のとおりであるとします。
rgb(a1, b1, c1) --> Start
rgb(a2, b2, c2) --> Finish
rgb(a3, b3, c3) --> Border
そして、類似パターンを計算したい色が であるとしますrgb(x1, y1, z1)。他の 2 つのコンポーネントは次のように計算されます。
x2 = (a2 / a1) * x1, y2 = (b2 / b1) * y1, z2 = (c2 / c1) * z1
x3 = (a3 / a2) * x2, y3 = (b3 / b2) * y2, z3 = (c3 / c2) * z2
したがって、結果の色はrgb(x2, y2, z2)とrgb(x3, y3, z3)です。
サンプルの色 ( rgb(254, 218, 113))に上記のメソッドを適用した結果は次のとおりです。
結果の 2 つの色はrgb(159, 196, 110)とrgb(178, 173, 92)です (整数/整数に切り捨てられることに注意してください)。
それが何らかの形で役立つことを願っています！
もっと興味深いものが見つからない場合の非アルゴリズムの解決策（マニュアルを読んでください）：
http://colorschemedesigner.com/
色には利点があります。それらはすべて同じ「線」にあるため、単色または補色関数を使用して取得できる自動値にかなり似ています。
それらは（理論的には）一列に並んでいて同じ距離を保つため、簡単に計算できるはずですが、その方法がわからないので、手動で行う方法を次に示します（kulerはRGBと同様に使用しますHEX およびその他の形式)。