IDEA ATOZ

管理人がみつけたWebサービスや役立つ情報をお届け

指定したキーワードからイメージに合った配色を自動生成してくれるサイト「Colores」

0

150924_a

「Colores」は、指定したキーワードよりそのイメージにあった配色を教えてくれるサイトです。キーワードを入力するとそれに関する画像を取得してそこから色を抽出する仕組みになっています。日本語にも対応しており、手軽にキーワードに関する配色を調べることができます。

イメージカラーを調べる

調べたいキーワードを入力しましょう。

150924_b

為にしに「Apple」と入力してみるとこんな感じ。赤や茶といったリンゴに関連しそうな配色が表示されました。各画像の配色は16進数で教えてくれるので色のコピーを簡単に行うことができます。

150924_c

「sky」と入力するとこんな感じ。やはり空に関する青色系統の色が表示されました。

150924_d

たまに、少しズレた色を表示されてしまうこともありますが、大体のイメージカラーを捉えることは可能です。主に使われているイメージカラーをコードとして知りたいときになんかに使ってみると便利なのでは。興味がある方は試してみてはいががでしょうか。

ウェブサービス

関連記事

簡単にツイッターの背景画像を生成する事が出来るサービス「Free Twitter Designer」

「Free Twitter Designer」は、Twitterの背景画像を生成してくれるサービスです。お好みのテーマを選んで自由にカスタマイズすることが可能です。画像を追加したりテキストを追加したり自由自在。

画像から背景を自動認識して透過処理を行ってくれるWebサービス「Background Burner」

「Background Burner」は、画像の背景を自動で認識して透過処理を行ってくれるサイトです。どこの部分が背景なのか、どの部分がメインの物体なのか指定しなくても場所を自動で識別し処理を行ってくれます。Photoshopなのどツールを使えば精度の方はもちろんですが、「Background Burner」は、Web上で透過をすべて完結することができます。お気軽に透過処理を行いたいってときに重宝するサービスです。

簡単にJPG、PNG、GIF、SVG画像を圧縮してくれるサービス「Compressor.io」

「Compressor.io」は、無料でJPG・PNG・GIF・SVGの形式の画像を圧縮できるツールです。画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるのが特徴。

レスポンシブデザイン用の画像を一括生成してくれるサイト「Responsive Image Breakpoints Generator」

「Responsive Image Breakpoints Generator」は、レスポンシブデザイン用に画像をまとめて複数サイズ生成してくれるサイトです。様々な画像サイズの画像をいちいち用意せずとも、元となる一枚をブラウザ上にアップロードするだけで簡単にレスポンシブデザイン用の画像を作成することができます。また、貼付け用コードも同時に生成される実用的なものとなっています。

あらゆる形式のファイルをTwitterで共有可能にしてくれる「TwitDoc」

「TwitDoc」は、画像やPDF、Microsoft Office文章などのファイルをアップロードしてTwitterで共有可能にしてくれるサイトです。多数のファイルフォーマットに対応しており、ユーザー登録なしで簡単にTwitterへ投稿することができます。

現在の自分のTwitterアイコンからGIFアニメを作成できる「GIFアニメアイコンじぇねれーた」

「GIFアニメアイコンじぇねれーた」は、現在自分が設定しているTWitterアイコンの画像からGIFアニメーションを生成してくれるサイトです。アカウント名を入力すれだけで簡単に動くGIFアニメが作成されます。

指定した画像をスマホ・タブレットのディスプレイに上手く合成してくれるサイト「placeit」

「placeit」は、スマートフォンやタブレットの画面に好きな画像を埋め込み生成してくれるサイトです。デバイス機器にサイトのスクリーンショットが写っているような画像を作りたいときなんかに便利。Photoshopのような画像編集ソフトを使用せずとも全てウェブ上で完成することが出来るのが嬉しいところ。iPadとiPhoneが同時に写り込んでいるような写真でも2台のデバイスの画像をそれぞれで指定して合成できるのが凄い。

様々な条件に従って画像をリサイズできるサービス「Bulk Resize Photos」

「Bulk Resize Photos」は、指定した条件に従って画像をリサイズすることが出来るできるサービスです。シンプルで洗練されたデザインで使いやすいのが特徴。ブラウザ上で条件を設定するだけなので、ちょっとした画像をササッと目的のサイズに変換したい時に便利です。

Macで画面上の色の値を取得ができる便利ツール「DigitalColor Meter」

「DigitalColor Meter」は画面上の指定したピクセルの色の値を抽出してくれるMac純正アプリケーションです。わざわざPhotoShopを起動したり、ソースからCSSで色の値を確認せずともこのアプリを使うと簡単カラーコードを取得することが出来ます。

任意の画像を指定するとその画像の内容に合った絵文字を表示してくれるwebサービス「THE EMOJINI 3000」

「THE EMOJINI 3000」は、任意の画像を指定するとその画像に合わせた絵文字を表示してくれるWebサービスです。画像を選択すると自動で写っているものを捉えそれに関連する絵文字を提案してくれます。ハッシュタグや文章のワンポイントとして絵文字を使用する際に活用してみると便利かもしれません。

Message

メールアドレスが公開されることはありません。