jquery - jQueryを使用して色の名前を返す

Question

CSS:

.red-tile-color{
    background-color:red;
    color:white;
}

JS:

var colorName = $(".red-tile-color").css("color");

戻る：

rgb(255, 255, 255);

CSSで割り当てられた色の名前を返すにはどうすればよいですか?

Answer 1

rgb値から名前を取得しようとすると面倒になります。代わりに、 jQuery Colorプラグインを使用して、現在の色が特定の値であるかどうかを判断することをお勧めします。

if ( $.Color( colorName ).is( "red" ) ) {
    /* Do X */
} else {
    /* Do Y */
}