前の記事 ≪:フリーのオンラインアーケードゲーム色々
次の記事 ≫:PHP用のMongoDBを使うセッションハンドラー実装例

HTMLの色の操作が素晴らしく簡単になるjQueryプラグイン「xcolor」

2010年07月12日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

jQuery color plugin xcolor - Website and Application Intelligence

HTMLの色の操作が素晴らしく簡単になるjQueryプラグイン「xcolor」。



出来ることは豊富にあるのですが、以下に使えそうなものを列挙してみます。

  • 2つの色を混ぜ合わせて新しい色を作ることができる
    $.xcolor.combine('#800000', '#0000fa');
  • 特定の色を明るくすることができる
    $.xcolor.lighten('#ff0000');
  • 特定の色を暗くすることができる
    $.xcolor.darken('#ff0000');
  • 類似の色を生成することが出来る
    $.xcolor.analogous('#ff0000');
  • getRGBメソッドでRGBのオブジェクトに分解できる
  • WEBセーフカラーに補正することが出来る

応用することで、サイトの色合いを全体的にあげたりすることも出来ますね。
特定のエレメントの色からより明るい色合いを取り出してカラージェネレーター的なものを作れたりもしそうです。l

関連エントリ

関連の記事検索:jQuery, color, Web制作, HTML
スポンサード リンク

By.KJ : 2010年07月12日 09:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)