javascriptで背景色に応じて文字色の変更

javascriptで背景色に応じて文字色を変更したいと思っています。
たとえば背景色が黒なら文字は白。反対に背景色が白なら文字色は黒に。背景色が中間の色であれば白寄りの色か黒寄りの色か判定して文字色を変えたいのですがjavascript初心者の為どうコードを書けばいいのかわかりません。
どうぞよろしくお願い致します。

行動規範の内容に同意します

回答2件

ベストアンサー

こんなライブラリもあるようです。

http://ottati.hatenablog.com/entry/2013/09/24/080802

投稿2015/01/09 09:55

k.tada

総合スコア1679

utun

2015/01/09 10:05

なるほど！背景色ってbodyのbackgroundだと勝手に思ってましたが、そういう意味か・・・。面白そうなライブラリですね。

退会済みユーザー

2015/01/14 14:18

ありがとうございます！こんなライブラリがあったんですね。私の検索の仕方が甘かったです...ありがとうございます！

行動規範の内容に同意します

jsdoitで作ってみました。
http://jsdo.it/utun001/yn2f

Javascript部分はこんな感じ。

lang
1var halfColorNum = (255 * 3) / 2;
2$(document).ready(function(){
3    $(window).keyup(function(e){
4        $('body').css("backgroundColor", "#"+$('#backgroundcolor').val());
5        var buf =  $('body').css("backgroundColor").toString();
6        var bgcArray = $('body').css("backgroundColor").toString().replace("rgb(","").replace(")","").split(",");
7        var sumColorNum = 0;
8        bgcArray.forEach(function(val){
9            sumColorNum += parseInt(val, 10);
10        });
11        if(halfColorNum > sumColorNum){
12            $('body').css({"color": "#FFFFFF"});
13        } else {
14            $('body').css({"color": "#000000"});
15        }
16    });
17});