スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

JavaScript カラーコードを反転させる

指定されたカラーコード(#000000形式)を反転するもの。

お試し用。

元の値:
       
結 果:



/**
 * inverseColor
 *   指定されたカラーコード(#000000形式)を反転する
 *     例)  #123456 ⇒  #edcba9
 *   引数
 *     baseColor : 変換対象カラーコード(#000000形式)
 *   戻り値
 *     変換後のカラーコード(#000000形式)
 *   エラー(引数不正時)
 *     #000000 (black)
 */
function inverseColor(baseColor){
    baseColor = baseColor.replace('#', '');
    if (baseColor.length != 6){ return '#000000'; }
    newColor = '';
    for (x=0;x<3;x++){
        colorWK = 255 - parseInt(baseColor.substr(( x * 2) , 2) , 16);
        if (colorWK < 0) {
        	colorWK = 0;
        } else {
        	colorWK = colorWK.toString(16);
        }
        if (colorWK.length < 2){
        	colorWK = '0' + colorWK ;
        }
        newColor += colorWK;
    }
    return ('#' + newColor);
}

コメントの投稿

非公開コメント

Flashカレンダー
FC2カウンター
最新記事
カテゴリ
ユーザータグ

設定 文字コード HTML 用語 JavaScript 特殊文字 SyntaxHighlighter MySQL Add-ons CSS Firefox Wordpress 

検索フォーム
RSSリンクの表示
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。