前の記事 ≪:記事をどこまで読んだか、SVGとCSSでより分かりやすくしたサンプル
次の記事 ≫:シンプルな円形プログレスバーの描画「ProgressPiesSVG」

画像の特徴色をJSで抽出できる「Colorify.js」

2016年01月14日-はてなブックマーク

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

Colorify.js

画像の特徴色をJSで抽出できる「Colorify.js」。
画像の特徴色が分かれば、背景と調和させたり、デザインの幅が広がりますが、サーバ側でやると重そう、ということでJSで実施できるライブラリです。



画像の枠線の色を決める場合にも使えて実装すると次のように、違和感無く枠線を設定できます


グラデーションの枠線なかも次のように自然にキマリます



関連エントリ

関連の記事検索:JavaScript, あとで読む, ライブラリ, Webデザイン
スポンサード リンク

By.KJ : 2016年01月14日 10:00 livedoor Readerで購読 Twitterに投稿

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