色の変更背景色に基づいて

Question

イム明るい背景と暗い背景に基づいて色が変わります。 colourBrightness.jsやbackground-check.jsなどのいくつかのオプションを試してみましたが、成功していません。

彼の仕事を得る方法に関するアイデア。ここで

おかげ

Answer 1

は可能な解決策 です：

var cursor = 0; 
 
var direction = -1; 
 
var fps = 15; // frames per second 
 

 
// -0.25 ... 0 ... 0.25 
 
//   ^
 
//   cursor 
 

 
setInterval(function() { 
 
    cursor += direction * 0.01; 
 
    if (Math.abs(cursor) > 0.25) direction *= -1; 
 
    document.body.style.background = makeGradient(cursor); 
 
}, 1000/fps); 
 

 
function makeGradient (cursor) { 
 
    var p1 = Math.round(cursor * 100); 
 
    var p2 = Math.round((cursor + 1) * 100); 
 
    return "linear-gradient(45deg, " 
 
    + "#ff2200 " + p1 + "%, " 
 
    + "#23548b " + p2 + "%" 
 
    + ")"; 
 
}

html,body{padding:0;margin:0;height:100%;}

はhttp://www.colorzilla.com/gradient-editorを参照してください。