Zaten bir süre aşağıdaki düşündüm, şimdi görüşlerinizi, Olası çözümler ve bilmek istiyorum.

Aradığım bir plugin veya teknik değişiklikler bir metin rengi veya anahtarlar arasında önceden tanımlanmış images/icons bağlı olarak ortalama parlaklık kaplı piksel ana arka plan resim veya renk.

Eğer arka plan kapalı alan koyu ise bunun yerine metin beyaz olun ya da simgeleri anahtarı.

Ayrıca, çok iyi olur Eğer script olacağını fark ederseniz üst etti tanımlı arka plan rengi veya görüntü ve sonra devam etmek için aramak için en yakın (üst öğe için ana unsur..).

Siz ne düşünüyorsunuz bu fikir hakkında ne biliyorsun? Orada benzer bir şey zaten var mı? script-örnekler?

J. Şerefe

Bunun için ilginç kaynaklar:

• W3C
• THIS

İşte W3C algoritması (JSFiddle demo too):

JS:

var rgb = [255, 0, 0];

setInterval(function(){

    var c = 'rgb(' rgb[0] ',' rgb[1] ',' rgb[2] ')';

    var o = Math.round(((parseInt(rgb[0]) * 299)   (parseInt(rgb[1]) * 587)   (parseInt(rgb[2]) * 114)) /1000);

    (o > 125) ? $('#bg').css('color', 'black') : $('#bg').css('color', 'white'); //http://www.w3.org/TR/AERT#color-contrast

    $('#bg').css('background-color', c);

    rgb[0] = Math.round(Math.random() * 255);
    rgb[1] = Math.round(Math.random() * 255);
    rgb[2] = Math.round(Math.random() * 255);                


}, 1000);

HTML:

<div id="bg">TEXT EXAMPLE</div>

CSS:

#bg {
     width: 200px;
     height: 50px;    
}