チャレンジ
RGB値(範囲は両端000000
をFFFFFF
含む)を表す2つの大文字の16進文字列(6文字、XXXXXXおよびYYYYYYの両方)、およびゼロ以外の正の整数Nを指定すると、XXXXXXからYYYYYYに生成されたN + 2色の線形遷移を表示しますそれは色のグラデーションになります。
例
入力
FF3762
F08800
9
出力
この例では、2つの色の間に9つの中間ステップを要求していることに注意してください。したがって、初期色から最終色まで11行が表示されます。
FF3762
FD3F58
FC474E
FA4F44
F9573A
F75F31
F66727
F46F1D
F37713
F17F09
F08800
注意事項
16進数に戻す前に中間色の整数値を導出する単純な線形プロセスを使用しましたが、方法は異なる場合があります。それに応じて番号を切り上げ/切り捨てるさまざまな方法を検討してください。
テスト中
これを面白くするために、コードをテストするための2つのランダムな色を提供するボタンを含む、コードのテストを可能にするスニペットを提供しました。結果の表示はオプションですが、推奨されています!
c1=()=>('00000'+(Math.random()*(1<<24)|0).toString(16)).slice(-6);
$("#col").click(function(){
alert("Your two colors are: "+c1()+" and "+c1()+".");
});
$("#colors").blur(function(){
$("#test").empty();
var colArr = $("#colors").val().split("\n");
for(c in colArr){
$("#test").append('<div class="tester" style="background-color:#'+colArr[c]+';">'+colArr[c]+'</div>')
}
});
.tester{height: 20px;
width: 60px;padding: 4px;border: 1px solid black;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="col">Your two colors</button><br />
<textarea id="colors"></textarea>
<div id="test">
</div>
1)[Your two colors]ボタンをクリックして、テスト用の2つのランダムな色にアクセスできます。2)暫定ステップの数は、スペースを含むPPCGユーザー名の文字数と同じになります。「WallyWest」の場合は9です(上記の例のように)。3)2つの色と番号を使用してコードを実行し、生成されたリストを取得したら、テキストエリアに出力を貼り付け、タブを離れて生成された色のグラデーションを取得するオプションがあります。
私の例を次に示します。
私は認めなければならない、それはかなり素晴らしいですね!
注:前述したように、スニペットを使用して出力のテストを表示することはオプションですが、お勧めします!:)
出力
リスト出力は、上記の例に示すように、ラインフィード(\ n)で区切られた6桁の16進数のN + 2セットの形式である必要があります。出力が...スペース/カンマは、配列のリストを区切ったり最良のあなたの言語に適しているものは何でも、別の行の形態にすることができる(ヘッドのおかげで@nimiアップ)あなたとあなたのコードをテストする予定がある場合ことを、覚えておいてくださいスニペットですが、各「色」を分けるのはあなた次第です。
ルール
これはコードゴルフであるため、バイト単位の最短ソリューションが勝者に選ばれます。抜け穴はありません、当然。入力は、2つの文字列と数字(PPCGのユーザー名の文字数と同じになるため、結果の出力は常に3行以上になります)を受け入れる必要があります。