2009年02月14日

デザイナー必見:画像からカラーパレットを自動生成してくれるColors Pallete Generatorが超便利 このエントリーをはてなブックマークに追加

これは便利すぎる!
画像ファイルを指定すると、その色にあったカラーパレットを自動生成してくれるツールが登場。勿論無料。デザイナーの人々が写真や企業ロゴからWebサイトをデザインする際にとても便利なツールだ。

CSS Drive: Image to Colors Palette Generator

使い方はとても簡単。

CSS Drive: Image to Colors Palette Generator にアクセスし、画像ファイルのURLを指定するだけ。


実際にやってみるとこんな感じになる。
元画像
お花畑
生成されたカラーパレット
#4b5a5f
#fbfaf5
#324120
#080806
#000600
#223321
#1e231c
#000300
#3a472d
#040406
#57695b
#000107
#21001c
#799558
#9b9477
#6e8b3b
#79994d
#94a767
#5f8a43
#533b37
#dfb21b
#eb8109
#92b25d
#4d6006
#72976e
#5f5e2e
#4f4e20
#407408
#497827
#1b5100
#426b03
#50782f
#326d01
#2d5902
#427d09
#3e741e
#22370e
#73aa66
#80a77b
#3e704d
#2a621b
#65953f
#0b3700
#24471d
#3f7505
#2f5420
#377510
#4b6245
#074600



元画像
キリン

生成されたカラーパレット
#cfd2db
#536a89
#6785a9
#6989b0
#6684a6
#536e83
#2a3a49
#465e80
#89aeda
#b6dffb
#c6edfe
#e66100
#7ba7d8
#3e5e84
#578ab9
#9cccfd
#bdf3fd
#f4d944
#602004
#9ef9fe
#5e98be
#639bca
#a9fdfd
#c8fbfc
#f7f7f5
#5e3c20
#68a3cb
#5c8fba
#a1f0fd
#bcfcfb
#e9c36e
#090100
#9ef0fc
#5f95b9
#43698d
#7dbbee
#96e0fb
#9ae4fd
#2e1200
#7ebde9
#456e8a
#1c364f
#496b90
#6187ab
#5f89b1
#140000
#4a7595
#213a50


生成されたカラーパレットを薄目で見てみると元画像が近似されているのがわかると思います。
昔あったヒントでピントのクイズのよーな感じで画像にあったカラーパレットが生成されるってのがオモシロイね。

デザイナーには手放せないツールだね。
すぐに試せるのでみんな使ってみてね!


posted by りょーち | Comment(0) | TrackBack(0) | 海外オモシロネタ
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。